@charset "UTF-8";

/*
Theme Name: MY THEME
Author: MURAKAMI KYUSYOKU
Description: This is my original theme.
Version: 1.0
*/

/* ------------------- js関係 ------------------- */
.list #event_event1{
transition: .8s;
}

.list #event_event2{
transition: .8s;
}

.list #area_p_text2{
transition: .8s;
}

.list .service_t_is{
transition: .8s;
}

.list .commitment_ts{
transition: .8s;
}

.list .bento_box{
transition: .8s;
}

.list .float_left_area2{
transition: .8s;
}

.list .float_right_area{
transition: .8s;
}

.list #text_evevt{
transition: .8s;
}

.list .event_boxq{
transition: .8s;
}

.list #akane_link_b{
transition: .8s;
}

.list #js_div{
transition: .8s;
}

.list #takuhai_higawari{
transition: .8s;
}

.list #size_img_k{
transition: .8s;
}

.list #size_img_a{
transition: .8s;
}

.list #size_img_g{
transition: .8s;
}

.list #kodawari_box{
transition: .8s;
}

.list .tokuku_maru{
transition: .8s;
}

.list #guide_box_2{
transition: .8s;
}

.list a{
	transition: .8s;
}
.list img{
	transition: .8s;
}

.list section{
	transition: .8s;
}
.list .i_s_m{
	transition: 2s;
}


.list-mv02{
/*
	opacity: 0;
*/
}
.mv02{
	opacity: 1.0;
}

.list-mv06{
	transform: scale(0, 0) rotateY(180deg);
	-webkit-transform: scale(0, 0) rotateY(180deg);
}
.mv06{
	transform: scale(1, 1) rotateY(360deg);
	-webkit-transform: scale(1, 1) rotateY(360deg);
}

.list-mv07{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

.list-mv08{
	opacity: 0;
	transform: translate(0,-60px); 
	-webkit-transform: translate(0,-60px); 
}
.mv08{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

.list-mv09{
	opacity: 0;
	transform: translate(-60px,0); 
	-webkit-transform: translate(-60px,0); 
}
.mv09{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

.list-mv10{
	opacity: 0;
	transform: translate(60px,0); 
	-webkit-transform: translate(60px,0); 
}
.mv10{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}


/* ------------------- ナビゲーションメニュー ------------------- */

.mainmenu ul li{text-align:center;
}

/* --- アイコン---- */
.mainmenu ul .i_1 a:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	padding-right: 5px;
	content: "\f13a";
}

.mainmenu ul .i_2 a:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	padding-right: 5px;
	content: "\f0f5";
}

.mainmenu ul .i_3 a:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	padding-right: 5px;
	content: "\f1da";
}

.mainmenu ul .i_4 a:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	padding-right: 5px;
	content: "\f1ae";
}

.mainmenu ul .i_5 a:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	padding-right: 5px;
	content: "\f2b5";
}

.mainmenu ul .i_6 a:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	padding-right: 5px;
	content: "\f073";
}

.mainmenu ul .i_7 a:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	padding-right: 5px;
	content: "\f129";
}

.mainmenu ul .i_8 a:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	padding-right: 5px;
	content: "\f0d1";
}

.mainmenu ul .i_21 a:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	padding-right: 5px;
	content: "\f0da";
}

.mainmenu ul .i_22 a:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	padding-right: 5px;
	content: "\f0da";
}

.mainmenu ul .i_23 a:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	padding-right: 5px;
	content: "\f0da";
}

.mainmenu ul .i_24 a:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	padding-right: 5px;
	content: "\f0da";
}

.mainmenu ul .i_230 a:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	padding-right: 5px;
	content: "\f0da";
}

@media (max-width: 1420px) {
.mainmenu ul .i_230 a .saraniii2{display:none;
}
.mainmenu ul .i_230 a .saraniii{position: absolute;
top: 11px;
left:0;
display:inline-block; width:100%;-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
box-sizing: border-box;
padding-right:21px;
}
	.mainmenu ul .i_230 a .saraniii0{position: absolute;
bottom: 11px;
left:0px;
display:inline-block; width:100%;
-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
box-sizing: border-box;
padding-right:53px;
}

.mainmenu ul .i_230{height:50px;
}
.mainmenu ul .i_230 a{height:50px; position: relative;
}
.mainmenu ul .i_230 a:before {position: relative; right:73px;
}
}

@media (max-width: 1070px) {
.mainmenu ul .i_230 a:before {position: relative; right:69px;
}
.mainmenu ul .i_230 a .saraniii{padding-right:21px;
}
.mainmenu ul .i_230 a .saraniii0{padding-right:50px;
}
}
@media (max-width: 1040px) {
.mainmenu ul .i_230 a:before {position: relative; right:64px;
}
.mainmenu ul .i_230 a .saraniii{padding-right:20px;
}
.mainmenu ul .i_230 a .saraniii0{padding-right:49px;
}
}
@media (max-width: 950px) {
.mainmenu ul .i_21{display:none;
}
.mainmenu ul .i_22{display:none;
}
.mainmenu ul .i_23{display:none;
}
.mainmenu ul .i_230{display:none;
}
.mainmenu ul .i_24{display:none;
}
}

/* ------------------- ナビ1070px以下-------------------- */
@media (max-width: 1070px) {
.mainmenu li a{font-size:15px;
}
}

@media (max-width: 1040px) {
.mainmenu li a{font-size:14px;
}
}

@media (max-width: 950px) {	
#header-nav	{
	display: none; 
	margin-top:15px; 
	border-top: 1px solid #f2f2f2;
}
.mainmenu ul{margin:0;
	padding: 0 0 0 0;
	list-style: none}

.mainmenu li a	{display: block;
	padding: 10px 5px;
	color: #000000;
	font-size: 16px;
  border-bottom:1px solid #f2f2f2;
	text-align:left;
transition: .2s;
}

.mainmenu li a:hover	{background-color: rgba(255,225,0,1); color:rgba(0,0,0,0.8);
}




/* トグルボタン */
.header-inner {position: relative;
	 clear:left;
}

#navbtn	{position: absolute;
	top: 20px;
	right: 2%;
	z-index: 1001;
	padding: 6px 12px;
	border: solid 1px rgba(0,0,0,0.8);
	border-radius: 5px;
	background-color: #ffffff;
	cursor: pointer;
	transition: .8s;
}

#navbtn:hover	{background-color: rgba(255,225,0,1)}

#navbtn:focus	{outline: none}

#navbtn i	{color: rgba(0,0,0,0.8);
	font-size: 18px}

#navbtn span	{display: inline-block;
	text-indent: -9999px}
}


@media (max-width: 540px) {
#header-nav{margin-top:0; border-top: 1px solid #f2f2f2;
}
#navbtn	{position: absolute;
	top: 12px;
	right: 3%;
}
}



@media (max-width: 370px) {
#navbtn	{position: absolute;
	top: 10px;
	right: 2%;
}
}

/* ------------------- ナビ911px以上-------------------- */
@media (min-width: 951px) {
/* トグルボタン */
	#navbtn	{display: none}

#header-nav ul{
/*
	font-weight:bold;
	height: 50px;
*/
	height: 35px;
	padding-left:0;
}

#header-nav ul li{list-style:none;
	    /* グローバルナビ5つの場合 */
	   line-height: 50px;
	   width: 19.7%;
border-left: 1px dashed #999999;
}

#header-nav ul li a{transition: .2s;
}
#header-nav ul li a {color:rgba(0,0,0,0.8);
}

#header-nav ul li:nth-of-type(5){border-right: 1px dashed #999999;
}

#header-nav ul li.menu-item {
 position: relative; /*z-indexの指定や子要素の基準とするために指定*/
 z-index: 30; /*ドロップダウンしたメニューが隠れないように*/
 float: left; /*親メニューは横1列に並べる*/
}
#header-nav ul li.menu-item a{display: block;
    /*要素の幅いっぱいにするために指定*/ 
}
/*マウスオーバー時等にメニューの色を変更*/
#header-nav ul li.menu-item a:hover,   /*マウスオーバー時*/
#header-nav ul li.current-post-ancestor a {
color:rgba(0,0,0,0.8); 
}
#header-nav ul li.current-menu-item a{color:rgba(0,0,0,0.8);
} ?/*現在表示されているページのメニュー*/ 

#header-nav ul li.current-menu-parent a{color:rgba(0,0,0,0.8);
}  /*現在表示されているページの親のメニュー*/ 

#header-nav ul li.menu-item a:hover {
background-color:#ffe100;  /*マウスオーバー時に背景色を変更*/
}



#header-nav ul li ul.sub-menu {
display: none;  /*サブメニューは最初は非表示にしておく*/
position: absolute;  /*絶対配置にしておかないとうまくいかない*/
top: 50px;
left: 0px;
}
#header-nav ul li:hover ul.sub-menu {width: 100%;
  display: block;  /*マウスオーバー時にサブメニューを表示する*/
}
#header-nav ul li ul.sub-menu li{width: 100%;
border-left: none;
border-top: 1px solid #f1f1f1;
float: none;  /*サブメニューはフロートさせないので解除*/
}
#header-nav ul li ul.sub-menu li a {width: 100%;  background-color: #fbfbfb;
color:rgba(0,0,0,0.8);
}
/*サブメニューで現在表示されているページのリンクの色を変更する*/
#header-nav ul li ul.sub-menu li.current-menu-item a {
display: block;
background-color: #fbfbfb; 
color:rgba(0,0,0,0.8);
}
#header-nav ul li ul.sub-menu li.current-menu-item a:hover {
background-color:#ffe100;
/*マウスオーバー時に背景色を変更*/
}
}


/* ------------------- 基本とリンクホバーとfocus-------------------- */
body {
/*	
	font-family:"ヒラギノ角ゴ Pro W5", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family:"メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
	font-size: 100%;
	margin:0;
	padding: 0;
	color: #000000;
*/
	@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
	@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

	font-family: Lato, "Noto Sans JP", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #222;
	font-size: 100%;
	margin:0;
	padding: 0;
}

body a{
	text-decoration:none;
	color: #000000;
}
.hover_color a:focus{opacity:0.6;
}
.hover_color a:hover{opacity:0.6;
}

a[href^="tel:"] {pointer-events: none;
}

@media (max-width: 770px){
a[href^="tel:"] {pointer-events: auto;
}
}

/* ------------------- 総合幅------------------ */
	/* 全体の横幅 */
@media (min-width: 1200px) {
#three_box, #footer_two, #kakumaru_all, .ac-eisei #a_eisei, #all_box
		{width: 80%;
		margin-left: auto;
		margin-right: auto;
}
}
@media (max-width: 1199px) {
#three_box, #footer_two{max-width: 1000px;
		margin-left: auto;
		margin-right: auto}
}

/* --------------------------------headのロゴと左のメニュー-------------------------------- */

.header-inner {margin:0px auto;
position: fixed;
top:0px;
z-index: 997;
width:100%;
height:60px;          
background-color: #fbfbfb;
}

.header-inner h1{
	margin:0;
}

@media (max-width: 910px) {
.header-inner {
height:70px;
}        
}

/* .scroll 付与後 */

header .scroll{background-color:#ffe100;
  padding-top:15px;
}

header .scroll .sitenav_top_tel a:focus{background-color:rgba(237, 90, 7, 1);
}
header .scroll .sitenav_top_tel a:hover{background-color:rgba(237, 90, 7, 1);
}

@media (max-width: 910px) {
header .scroll{height:60px;
z-index: 1100;
}
}

@media (max-width: 770px) {
header .scroll .sitenav_top_tel a i{
color:#fcc102;
}
	header .scroll .sitenav_top{position: static;
}
header .scroll .sitenav_top_tel a:before{position: absolute;
           top: 17px;
           right:165px;
           }
header .scroll .sitenav_top_one #i_c{position: absolute;
           top: 17px;
           right:38px; padding:7px 8px 7px 12px;
           }
header .scroll .sitenav_top_one #i_k{
           position: absolute;
           top: 17px;
           right:100px;
}
}


@media (max-width: 540px) {

header .scroll{height:40px;
}

header .scroll .sitenav_top_tel a:before{position: absolute;
           top: 8px;
           right:125px;
padding:6px 9px 6px 10px;
}
           
header .scroll .sitenav_top_one #i_c{position: absolute;
           top: 8px;
           right:13px;
padding:6px 6px 6px 10px;
}

header .scroll .sitenav_top_one #i_k{position: absolute;
           top: 8px;
           right:70px;
padding:6px 6px 6px 10px;
}
}


@media (max-width: 395px) {
header .scroll .sitenav_top_tel a:before{position: absolute;
           top: 9px;
           right:71px;
}

header .scroll .sitenav_top_one #i_c{position: absolute;
           top: 9px;
           right:13px;
}
}



.header-inner2 {padding-top:55px;
margin:0px auto 10px auto;             
padding-left:9%;
  padding-right:9%;
}
	

/* --------headロゴ-----------*/

.head-logo {position: fixed;
           top:10px;
           left:10.5%;
           z-index: 999;
}

.head-logo a img{max-width:80%;
	 height: auto;
}

/* 右の電話、お問い合わせ、会社概要-*/
.sitenav_top {position: fixed;
	top:10px;
	right:10.5%;
	z-index: 999;
	line-height: 26px;
}

.sitenav_top_tel{line-height:1.7;
}
.sitenav_top_one{line-height:1.7;
}
.sitenav_top_tel a:hover{color:rgba(237, 90, 7, 1);
}
.sitenav_top_one a:hover{color:rgba(237, 90, 7, 1);
}

.sitenav_top_one a{transition: .2s;
}
.sitenav_top_tel a{margin-left:15px; 
font-size:16px; border-radius: 1em;
transition: .2s;
}


.sitenav_top_one #i_c{background-color:rgba(255,225,0,1);
padding: 6px 15px;
border-radius: 0 1em 1em 0;
font-size:15px;
}

.sitenav_top_one #i_k {background-color:rgba(255,225,0,1);
padding: 6px 15px;
margin-right:1px;
border-radius: 1em 0 0 1em;
font-size:15px;
}


.sitenav_top_tel a i{font-size:18px; 
padding-right: 10px;
}

.sitenav_top_one i{
padding-right: 5px;
}

.sitenav_top_one i{
padding-right: 5px;
}

.sitenav{clear:both;
}

header .scroll .sitenav_top_one #i_c{background-color:#fdfdfd;
}
header .scroll .sitenav_top_one #i_k{background-color:#fdfdfd;
}

@media (max-width: 950px) {
.header-inner{height:70px;
}
.sitenav_top_tel{line-height:1.5;
}
.sitenav_top_one{line-height:1.5;
}
	header .scroll{height:58px;
}

}

@media (max-width: 770px) {
.sitenav_top_tel{line-height:1;
}
.sitenav_top_one{line-height:1;
}
	.d_none{display:none;
}
.header-inner{width:100%;
padding-left:0px;
padding-right:0px;
}

.head-logo a img{margin-left:10px;
}

.sitenav_top_tel a:before{font-family: FontAwesome;
font-style: normal;
font-weight: normal;
content: "\f095";
	position: absolute;
top: 5px;
right:119px;
color: rgba(255,225,0,1);
padding:7px 11px 5px 11px;
border-radius: 10px;
 background-color: #ffffff;
font-size:32px;
line-height:1.1;
}
	.sitenav_top_one #i_c{position: absolute;
color:rgba(255,225,0,1);
top: 5px;
           right:-15px;
           padding-bottom:7px;
           border-radius: 10px;
	background-color: #ffffff;
           font-size:30px;
line-height:1.1}
	.sitenav_top_one #i_k{position: absolute;
color:rgba(255,225,0,1);
top: 5px;
right:54px;
padding:7px 11px 7px 15px;
           border-radius: 10px;
	background-color: #ffffff;
           font-size:30px;
line-height:1.1}
}

@media (max-width: 770px) {
.sitenav_top_one #i_c{right:-6px;
	     padding: 6px 6px 7px 12px;
}
}

@media (max-width: 620px) {
.sitenav_top_tel a:before{position: absolute;
           top: 6px;
right:130px; font-size:28px; padding:9px 11px 6px 11px;
}

.sitenav_top_one #i_c{font-size:26px;
	    position: absolute;
           top: 6px;
           right:16px;
}

.sitenav_top_one #i_k{font-size:26px;
	        position: absolute;
           top: 6px;
           right:70px;
}

.head-logo a img{max-width:60%; margin-top:7px;
	 }
}
@media (max-width: 540px) {
.header-inner{height:55px;
}
header .scroll{height:40px;
}
.header-inner2 {
margin-bottom:0;         
}
.head-logo {position: fixed;
           top:5px;
           left:3%;
}

.head-logo a img{max-width:50%;
}
	.sitenav_top_tel a:before{
           top: 2px;
right:101px;
padding:3px 6px 1px 7px;
font-size:24px;
}
	.sitenav_top_one #i_c{position: absolute;
           top: 2px;
           right:19px;
 padding:2px 0px 2px 6px;
           font-size:24px;
}
.sitenav_top_one #i_k{
           position: absolute;
           top: 2px;
           right:60px;
           padding:2px 2px 2px 7px;
           font-size:24px;
}

}

@media (max-width: 425px) {
.header-inner{height:50px;
}

.head-logo {position: fixed;
           top:3px;
           left:3%;
           }

.sitenav_top_tel a:before{position: absolute;
           top: 2px;
           right:100px;
           }
.sitenav_top_one #i_c{position: absolute;
           top: 2px;
           right:20px;
           }
.sitenav_top_one #i_k{
           position: absolute;
           top: 2px;
           right:60px;
           }

}

@media (max-width: 400px) {

.head-logo {position: fixed;
           top:3px;
           left:2%;
}

}

@media (max-width: 395px) {
.sitenav_top_tel a:before{position: absolute;
           top: 2px;
           right:62px;
           }
.sitenav_top_one #i_c{position: absolute;
           top: 2px;
           right:22px;
           }
.sitenav_top_one #i_k{
           display:none;
           }
}
@media (max-width: 340px) {
.head-logo {top:4px;
}
}

@media (max-width: 670px) {
header .scroll .head-logo{width:292px;
}
header .scroll .head-logo h1 a{display:block;
}
header .scroll .head-logo a img{max-width:100%; display:inline-block;
}
}
@media (max-width: 620px) {
header .scroll .head-logo{width:223px;
}
}
@media (max-width: 540px) {
header .scroll .head-logo{width:187px;
}
}
@media (max-width: 340px) {
header .scroll .head-logo{width:167px; margin-top: 3px;
}
}

/* -------------------------------- suraido -------------------------------- */
.a_mati{transition: .8s;
}

.hover_color1{
	padding-left:9%;
}
.hover_color1:before{
	position:relative;
	left:220px;
	top:45px;
	z-index:20;
	font-weight: bold;
	font-size:18px;
	color:#f24848;
	text-shadow:1px 1px 1px #ffffff;
	line-height:1.7;
	content: "- menu -";
}

.hover_color1:after{position:relative;
	left:21px;
	bottom:13px;
	z-index:0;
	font-weight: bold;
	font-size:16px;
	padding:30px 70px 10px 70px;
	width:200px;
	background-color:rgba(242,72,72,0.5);
	line-height:1.7;
	content:"かなえ・あかね・五徳"
}

.hover_color2{
	padding-left:9%;
}
.hover_color3{
	padding-right:9%;
}
.hover_color3:before{
	position:relative;
	left:100px;
	top:44px;
	z-index:20;
	font-weight: bold;
	font-size:18px;
	color:#f24848;
	line-height:1.7;
	text-shadow:1px 1px 1px #ffffff;
	content: "- event -";
}

.hover_color3:after{
	position:relative;
	right:-132px;
	top:-2px;
	z-index:0;
	font-weight: bold;
	font-size:16px;
	padding:30px 40px 10px 40px;
	width:200px;
	background-color:rgba(242,72,72,0.5);
	line-height:1.7;
	content: "スマイルマンデーメニュー";
}

.hover_color4{
padding-right:9%;
}

.hover_color5{
	padding-right:9%;
}
.hover_color5:before{
	position:relative;
	left:110px;
	top:45px;
	z-index:20;
	font-weight: bold;
	font-size:18px;
	color:#f24848;
	text-shadow:1px 1px 1px #ffffff;
	line-height:1.7;
	content: "- recruit -";
}
.hover_color5:after{
	position:relative;
	right:-132px;
	top:-2px;
	z-index:0;
	font-weight: bold;
	font-size:16px;
	padding:30px 63px 10px 63px;
	width:200px;
	background-color:rgba(242,72,72,0.5);
	line-height:1.7;
	content: "求人一覧をチェック";
}

.hover_color6{
padding-right:9%;
}

.hover_color7{padding-left:9%;
}
.hover_color7:before{
	position:relative;
	left:260px;
	top:45px;
	 z-index:20;
	font-weight: bold;
	font-size:18px;
	color:#f24848;
	text-shadow:1px 1px 1px #ffffff;
	line-height:1.7;
	content: "- contact -";
}
.hover_color7:after{
	position:relative;
	left:21px;
	bottom:3px;
	z-index:0;
	font-weight: bold;
	font-size:16px;
	padding:30px 70px 10px 70px;
	width:200px;
	background-color:rgba(242,72,72,0.5);
	line-height:1.7;
	content: "新規顧客・既存顧客・材料取引";
}

.hover_color8{padding-left:9%;
}

#shadow_ss{display:none;
}
@media (max-width: 770px) {
.hover_color1{bottom:30px;
}

.hover_color3{bottom:30px;
	padding-right:2%;
}

.hover_color5{bottom:30px;
	padding-right:2%;
}

.hover_color7{bottom:30px;
}

}

@media (max-width: 700px){
#shadow_s{display:none;
}

#shadow_ss{display:block;
}

.hover_color01{
	padding-left:10%; top:70px;
}

.hover_color01:before{
	position:relative;
	left:85px;
	top:26px;
	z-index:20;
	font-weight: bold;
	font-size:12px;
	color:#f24848;
	text-shadow:1px 1px 1px #ffffff;
	line-height:1.7;
	content: "- menu -";
}

.hover_color01:after{
	position:relative;
	left:13px;
	bottom:0px;
	z-index:1;
	font-weight: bold;
	font-size:16px;
	padding:20px 30px 10px 30px;
	background-color:rgba(242,72,72,0.5);
	line-height:1.7;
	color:#222;
	content:"かなえ・あかね・五徳";
} 

.hover_color02{top:70px; right:130px;
}

.hover_color02:before{
	position:relative;
	left:68px;
	top:26px;
	 z-index:20;
	font-weight: bold;
	font-size:12px;
	color:#f24848;
	text-shadow:1px 1px 10px rgba(255,255,255,1);
	line-height:1.7;
	content: "- event -";
}

.hover_color02:after{
	position:relative;
	right:-87px;
	bottom:3px;
	z-index:0;
	font-weight: bold;
	font-size:12px;
	padding:20px 10px 10px 10px;
	background-color:rgba(242,72,72,0.5);
	line-height:1.7;
	color:#222;
	content: "スマイルマンデーメニュー";
}

.hover_color03{top:70px; right:140px;
}

.hover_color03:before{
	position:relative;
	left:83px;
	top:26px;
	 z-index:20;
	font-weight: bold;
	font-size:12px;
	color:#f24848;
	text-shadow:0px 0px 3px #ffffff;
	line-height:1.7;
	content: "- recruit -";
}

.hover_color03:after{
	position:relative;
	right:-108px;
	bottom:0px;
	z-index:0;
	font-weight: bold;
	font-size:16px;
	padding:20px 20px 10px 20px;
	background-color:rgba(242,72,72,0.5);
	color:#3f2615;
	line-height:1.7;
	color:#222;
	content: "求人一覧をチェック";
}

.hover_color04{padding-left:10%; top:70px;
}

.hover_color04:before{
	position:relative;
	left:160px;
	top:26px;
	z-index:20;
	font-weight: bold;
	font-size:12px;
	color:#f24848;
	text-shadow:1px 1px 1px #ffffff;
	line-height:1.7;
	content: "- contact -";
}

.hover_color04:after{
	position:relative;
	left:13px;
	bottom:0px;
	z-index:1;
	font-weight: bold;
	font-size:16px;
	padding:20px 10px 10px 10px;
	background-color:rgba(242,72,72,0.5);
	color:#3f2615;
	line-height:1.7;
	color:#222;
	content: "新規顧客・既存顧客・材料取引";
} 

}

@media (max-width: 450px){

.hover_color01{padding-left:5%; top:50px;
}


.hover_color01:after{position:relative;
left:11px;
bottom:3px;
font-size:14px;
} 

.hover_color02{top:50px; right:130px;
}

.hover_color02:after{position:relative;
right:-112px;
bottom:1px;
font-size:14px;
}

.hover_color03{top:50px; right:130px;
}

.hover_color03:after{position:relative;
right:-100px;
bottom:1px;
font-size:14px;
padding:20px 24px 10px 24px;
}

.hover_color04{padding-left:5%; top:50px;
}

.hover_color04:after{position:relative;
 left:11px;
bottom:3px;
font-size:14px;
}
}

@media (max-width: 439px){
.hover_color01{top:30px;
}
.hover_color01:before{top:24px;
}
.hover_color02{top:30px; right:130px;
}
.hover_color02:before{top:26px;
}
.hover_color03{top:20px; right:-30px;
}
.hover_color03:before{position:relative;
left:85px;
top:26px;
}

.hover_color03:after{position:relative;
right:-50px;
bottom:1px;
font-size:14px;
padding:20px 20px 10px 20px;
}

.hover_color04{top:50px; padding:0; left:15px;
}
.hover_color04:before{position: absolute; 
top: 7px;
left: 145px;
}
.hover_color04:after{position: absolute; bottom:-38px;
}
}
@media (max-width: 379px){
.hover_color03{top:20px; right:-5px;
}
}

/* -------------------------------- suraido下から -------------------------------- */
#higawari_box{max-width:1000px;
           height:600px;
	 color:#666666;
	 margin-left:auto;
	 margin-right:auto;
	 margin-top:0px;
	 padding-right:20px;
}
#higawari_box{position: relative;
}


/* HOME 本日のお弁当 */
#back_higawari h2{
/*
	padding-top:20px;
      font-weight:bold;
      font-size:20px;
      text-align:center;
      border-bottom:1px dashed #666666;
	color:#666666;
*/
	border-bottom:1px dashed rgba(242,72,72,0.6); 
	padding-top:10px; 
	padding-bottom:5px; 
	margin-top:0px; 
	margin-bottom:10px;
	text-align:center; 

	color:#f24848; 
	font-size:26px; 
}


#back_higawari{
	 position: absolute;
	width:350px;
      margin-left:5%;
      margin-right:auto;
      background-color:#ffffff;
	color:rgba(0,0,0,0.8);
      margin-top:30px;
      padding-left:20px;
      padding-right:20px;
      padding-bottom:50px;
    display: block;

	/* box-shadow */
	box-shadow:0px 0px 10px 1px #dfdfdf;
	-moz-box-shadow:0px 0px 10px 1px #dfdfdf;
	-webkit-box-shadow:0px 0px 10px 1px #dfdfdf;
}

#twitter_bar {width:390px;
		 position: absolute;
      	 margin-top:30px;
           /*left: 55%;*/
	      margin-left:55%;
	      /*margin-right:auto;*/
          border:1px solid rgba(255,225,0,1);
          background-color:#ffffff;
    display: block;
}


.bento_box {
	width: 97%;
	text-align:center;
	/* box-shadow */
	box-shadow:0px 0px 10px 1px #cccccc;
	-moz-box-shadow:0px 0px 10px 1px #cccccc;
	-webkit-box-shadow:0px 0px 10px 1px #cccccc;
	/* border */
/*  
	border:7px solid #ffffff;
*/
	border:1px solid #cccccc;
	float:left;
}

.bento_box ul{height:428px;
	position:relative;
	list-style:none;
	margin:0 auto;
	padding-left:0;
	 /* box-shadow */
box-shadow:0px 0px 10px 1px #cccccc;
-moz-box-shadow:0px 0px 10px 1px #cccccc;
-webkit-box-shadow:0px 0px 10px 1px #cccccc;

/* border */
border:2px solid #ffffff;
}

.bento_box ul li:nth-of-type(2){text-align:center;
	                 border-bottom:1px solid #cccccc;
}
.bento_box ul li{text-align:left;
	   font-size:16px;
	   padding:5px}

#back_higawari .bento_box .text_i_i{text-indent:-12px; margin-left:7px; 
	height:40px;
}
#back_higawari .bento_box .text_i_b{text-indent:-12px; margin-left:7px; 
	height:40px;
}
#back_higawari .bento_box .text_i_c{text-indent:-12px; margin-left:7px; 
	height:40px;
}

.bento_box .text_i_i:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	color:rgba(243,153,0,0.8);
	padding-right: 1px;
	padding-left: 5px;
	content: "\f0da";
}

.bento_box .text_i_b:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	color:rgba(237,30,121,0.8);
	padding-right: 1px;
	padding-left: 5px;
	content: "\f0da";
}

.bento_box .text_i_c:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	color: rgba(237,28,36,0.8);
	padding-right: 1px;
	padding-left: 5px;
	content: "\f0da";
}

.bento_box ul li table{
	position: absolute;
	bottom: 5px;
	left:0px;
	width:100%;
	border:1px solid #cccccc;
	table-layout: fixed;
}
.bento_box table th, .bento_box table td{border:1px solid #cccccc;
}

.bento_box table td{text-align:right;
} 



#bento_two{margin-left:2%;
	 margin-right:2%;
}


#back_higawari:after {
    display: block;
    clear: left;
    content: "";
}
#twitter_bar:after {
    display: block;
    clear: left;
    content: "";
}


#bento_one ul li:nth-of-type(1){
	text-align:center;
      background-color:rgba(243,153,0,0.8);
	font-size:30px; 
/*
	color:#000000; 
	text-shadow:1px 1px 10px #ffffff;
*/
}
#bento_two ul li:nth-of-type(1){
	text-align:center;
      background-color:rgba(237,30,121,0.8);
	font-size:30px; 
/*
	color:#000000; 
	text-shadow:1px 1px 10px #ffffff;
*/
}

#bento_three ul li:nth-of-type(1){
	text-align:center;
	background-color: rgba(237,28,36,0.8);
	font-size:30px; 
/*
	color:#000000; 
	text-shadow:1px 1px 10px #ffffff;
*/
}



@media (max-width: 1069px){ 
.bento_box ul{height:427px;
}
#back_higawari .bento_box .text_i_i{height:40px;
}
#back_higawari .bento_box .text_i_b{height:40px;
}
#back_higawari .bento_box .text_i_c{height:40px;
}

/*#back_higawari{width:350px;
}
.bento_box {width: 96%;
}
*/
/*#twitter_bar {width:50%;
	position: absolute;
           top: 0px;
}
#higawari_box{width:100; 
	height:650px;
	 margin-left:100px;
	 margin-right:100px;
padding-right:0px;
padding-left:0px;
}*/
}

@media (max-width: 820px){ 
#higawari_box{width:100;
           height:1150px; margin:0 25%;
}
#back_higawari{
		margin-left:auto;
	 	margin-right:auto;
}
#twitter_bar{
        top:590px;
		margin:0 auto;
}
}

@media (max-width: 770px){ 
.bento_box ul{height:425px;
}
#back_higawari .bento_box .text_i_i{height:20px;
}
#back_higawari .bento_box .text_i_b{height:20px;
}
#back_higawari .bento_box .text_i_c{height:20px;
}
#higawari_box{margin:0 23%;
}

/*
#back_higawari{width:350px;
	padding-bottom:1px;
}
.bento_box {width: 96%;
          float:none;
          margin-bottom:20px;
}
*/
/*#bento_two{margin-left:0;
	 margin-right:0;
}*/
/*#higawari_box{width:72%;
margin:0 14%;
           height:1180px;
}
#twitter_bar {position: absolute;
           top: 550px;
}*/
}

@media (max-width: 570px){ 
.bento_box ul{height:425px;
}
#back_higawari .bento_box .text_i_i{height:40px;
}
#back_higawari .bento_box .text_i_b{height:40px;
}
#back_higawari .bento_box .text_i_c{height:40px;
}
#higawari_box{margin:0 13%;
}
/*#back_higawari{width:350px;
      margin-left:auto;
      margin-right:auto;
	padding-bottom:1px;
}
.bento_box {width: 96%;
}
*/
/*#higawari_box figcaption {
position: absolute;
bottom: 60px;
}
#higawari_box figure:hover img {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
#higawari_box figure:hover figcaption {
bottom: 0;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
*/

/*#higawari_box{width:92%;
margin:0 4%;
}
#twitter_bar {
	 margin-left:auto;
	 margin-right:auto;
}*/
}

@media (max-width: 480px){ 
#higawari_box{margin:0 7%;
}
#back_higawari{width:84%;
}
#twitter_bar {width:94%;
}
}

@media (max-width: 380px){ 
#back_higawari{width:250px;
}
.bento_box {width: 94%;
}
#twitter_bar {width:290px;
}
}

/* --------------------------------給食画像-------------------------------- */

#Case4Wrapp{width:80%;
          height:70px;
         margin:35px auto 0px auto;
        text-align:center;
}

@media (max-width: 1180px) {
#dis_5{display:none}
}

@media (max-width: 850px) {
#dis_1{display:none}
}

@media (max-width: 530px) {
#dis_2{display:none}
#dis_4{display:none}
}


#dis_no1{display:none}
#dis_no2{display:none}


/* -------------------------------- twitterバー系と画像-------------------------------- */
#twitter_bar h3{
font-weight:normal;
	  font-size:1.2em;
  display: flex;
  align-items: center;
  text-align: center; /* for no-flexbox browsers */
}
#twitter_bar h3 a{transition: .2s;
}
#twitter_bar h3 a:hover{color:rgba(255,225,0,1);
}

h3:before,
h3:after {
  border-top: 1px solid rgba(255,225,0,1);
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
}

h3:before {
  margin-right: 0.5em;
}

h3:after {
  margin-left: 0.5em;
}

/*#twitter_bar {width:40%;
	position: absolute;
           top: 0px;
           left: 55%;
           border:1px solid rgba(255,225,0,1);
           background-color:#ffffff;
}
*/



#twitter_box{max-width:1000px;
           height:650px;
	 color:#666666;
	 margin-left:auto;
	 margin-right:auto;
	 margin-top:0px;
	 padding-right:20px;
}
#twitter_box{position: relative;
}




#twitter_box img{width:250px;
	   height:250px;
}



#f_top_one {position: absolute;
           top: 16px;
           left: 5%;
          /* box-shadow */
box-shadow:0px 0px 10px 1px #cccccc;
-moz-box-shadow:0px 0px 10px 1px #cccccc;
-webkit-box-shadow:0px 0px 10px 1px #cccccc;
/* border */
border-top:7px solid #ffffff;
border-right:7px solid #ffffff;
border-left:7px solid #ffffff;
border-bottom:1px solid #ffffff;
}




#f_top_two {position: absolute;
           top: 16px;
           left: 55%;
 /* box-shadow */
box-shadow:0px 0px 10px 1px #cccccc;
-moz-box-shadow:0px 0px 10px 1px #cccccc;
-webkit-box-shadow:0px 0px 10px 1px #cccccc;

/* border */
border-top:7px solid #ffffff;
border-right:7px solid #ffffff;
border-left:7px solid #ffffff;
border-bottom:1px solid #ffffff;
}

#f_top_three{position: absolute;
           top: 312px;
           left: 5%;
 /* box-shadow */
box-shadow:0px 0px 10px 1px #cccccc;
-moz-box-shadow:0px 0px 10px 1px #cccccc;
-webkit-box-shadow:0px 0px 10px 1px #cccccc;

/* border */
border-top:7px solid #ffffff;
border-right:7px solid #ffffff;
border-left:7px solid #ffffff;
border-bottom:1px solid #ffffff;
}

#f_top_for {position: absolute;
           top: 312px;
           left: 55%;
 /* box-shadow */
box-shadow:0px 0px 10px 1px #cccccc;
-moz-box-shadow:0px 0px 10px 1px #cccccc;
-webkit-box-shadow:0px 0px 10px 1px #cccccc;

/* border */
border-top:7px solid #ffffff;
border-right:7px solid #ffffff;
border-left:7px solid #ffffff;
border-bottom:1px solid #ffffff;
}

@media (max-width: 1200px){ 
#twitter_box{width:100; 
	height:650px;
	 margin-left:100px;
	 margin-right:100px;
padding-right:0px;
padding-left:0px;
}
}

@media (max-width: 1130px) {
#f_top_one {position: absolute;
           top: 16px;
           left: 5%;
}

#f_top_two {position: absolute;
           top: 16px;
           left: 55%;
}

#f_top_three{position: absolute;
           top: 312px;
           left: 5%;
}
#f_top_for {position: absolute;
           top: 312px;
           left: 55%;
}

}
@media (max-width: 1115px) {
#f_top_one {position: absolute;
           top: 16px;
           left: 0%;
}

#f_top_two {position: absolute;
           top: 16px;
           left: 50%;
}

#f_top_three{position: absolute;
           top: 312px;
           left: 0%;
}
#f_top_for {position: absolute;
           top: 312px;
           left: 50%;
}

}
@media (max-width: 1000px){ 
#twitter_box{
	 margin-left:50px;
	 margin-right:50px;
}
}

@media (max-width: 900px) {
#f_top_one {position: absolute;
           top: 16px;
           left: 0%;
}

#f_top_two {position: absolute;
           top: 16px;
           left: 50%;
}

#f_top_three{position: absolute;
           top: 312px;
           left: 0%;
}
#f_top_for {position: absolute;
           top: 312px;
           left: 50%;
}

}

@media (max-width: 875px) {
#twitter_box{width:74%;
           height:600px; margin:0 13%;
}


#f_top_one {position: absolute;
top:20px; left:0%;
margin:0;
}

#f_top_two {
position: absolute;
           top: 20px;
           left: 50%; margin:0;
}

#f_top_three{position: absolute;
           top: 316px;
           left: 0%; margin:0;
}
#f_top_for {
position: absolute;
           top: 316px;
           left: 50%; margin:0;
}

}


@media (max-width: 770px) {

#twitter_box{width:72%;
margin:0 14%;
           height:500px;
}


#twitter_box img{ width:200px;
          height:200px;
	   }





#f_top_one {position: absolute;
           top: 20px;
           left: 0px;
          width:200px;
          height:207px;
}

#f_top_two {position: absolute;
           top: 20px;
           left: 50%;
width:200px;
height:207px;
}

#f_top_three{position: absolute;
           top: 270px;
           left: 0px;
width:200px;
height:207px;
}
#f_top_for {position: absolute;
           top: 270px;
           left: 50%;
width:200px;
height:207px;
}

}

@media (max-width: 700px) {

#twitter_box{width:76%;
margin:0 12%;
}
}

@media (max-width: 620px) {
#twitter_box{width:80%;
margin:0 10%;
}

#f_top_two {
           left: 50%;
}

#f_top_for {
           left: 50%;
}
}

@media (max-width: 570px) {
#twitter_box{width:86%;
margin:0 7%;
}

#f_top_two {
           left: 50%;
}

#f_top_for {
           left: 50%;
}
}

@media (max-width: 520px) {
#twitter_box figcaption {
position: absolute;
bottom: 60px;
}
#twitter_box figure:hover img {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
#twitter_box figure:hover figcaption {
bottom: 0;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}


#twitter_box{width:92%;
margin:0 4%;
}


#f_top_two {left: 50%;
}

#f_top_three{position: absolute;
           top: 270px;
           left: 0px;
}

#f_top_for {position: absolute;
           top: 270px;
           left: 50%;
}
}

@media (max-width: 500px) {
#twitter_box img{width:300px;
          height:300px;
	   }

#twitter_box{height:1400px; width:80%; margin:0 auto;
}

#f_top_one {
position: absolute;
           top: 20px;
           left:0%;
          width:300px;
         height:307px;
}

#f_top_two {position: absolute;
           top: 355px;
           left: 0%;
           width:300px;
         height:307px;

}

#f_top_three{position: absolute;
	top: 695px;
           left: 0%;
           width:300px;
         height:307px;
}

#f_top_for {position: absolute;
	top: 1035px;
           left: 0%;
           width:300px;
         height:307px;
}
}

@media (max-width: 470px) {
#f_top_one {
           left:7%;
}

#f_top_two {
           left: 7%;
}

#f_top_three{
           left: 7%;
}

#f_top_for {
           left: 7%;
}
}

@media (max-width: 440px) {
#f_top_one {
           left:4%;
}

#f_top_two {
           left: 4%;
}

#f_top_three{
           left: 4%;
}

#f_top_for {
           left: 4%;
}
}


@media (max-width: 430px) {
#twitter_box{height:1400px;
}
#f_top_one {position: absolute;
           top: 16px;
           left: 3%;
	     
}

#f_top_two {position: absolute;
           top: 350px;
           left: 3%;
          
}

#f_top_three{position: absolute;
	top: 685px;
           left: 3%;
          }

#f_top_for {position: absolute;
	top: 1020px;
           left: 3%;
          }


}

@media (max-width: 415px) {
#f_top_one {
           left:2%;
}

#f_top_two {
           left: 2%;
}

#f_top_three{
           left: 2%;
}

#f_top_for {
           left: 2%;
}
}

@media (max-width: 405px) {
#f_top_one {
           left:0%;
}

#f_top_two {
           left: 0%;
}

#f_top_three{
           left: 0%;
}

#f_top_for {
           left: 0%;
}
}


@media (max-width: 390px) {
#f_top_one {position: absolute;
           top: 16px;
           left: -8px;                   
}

#f_top_two {position: absolute;
           top: 350px;
           left: -8px;
          
}

#f_top_three{position: absolute;
	top: 685px;
           left: -8px;
          }

#f_top_for {position: absolute;
	top: 1020px;
           left: -8px;
          }
}

@media (max-width: 380px) {
#f_top_one {
           left:-10px;
}

#f_top_two {
           left:-10px;
}

#f_top_three{
           left:-10px;
}

#f_top_for {
           left:-10px;
}
}

@media (max-width: 360px) {
#f_top_one {
           left:-18px;
}

#f_top_two {
           left:-18px;
}

#f_top_three{
           left:-18px;
}

#f_top_for {
           left:-18px;
}
}


@media (max-width: 350px) {
#twitter_box{height:1300px;
}
	  
#f_top_one {width:250px;
          height:250px;
         border-bottom:6px solid #ffffff;
          position: absolute;
           top: 16px;
           left: 0px;
	     
}

#f_top_two {width:250px;
          height:250px;
          border-bottom:6px solid #ffffff;
          position: absolute;
           top: 300px;
           left: 0px;
          
}

#f_top_three{width:250px;
          height:250px;
          border-bottom:6px solid #ffffff;
          position: absolute;
	top: 585px;
           left: 0px;
          }

#f_top_for {width:250px;
          height:250px;
          border-bottom:6px solid #ffffff;
          position: absolute;
	top: 870px;
           left: 0px;
          }


}

@media (max-width: 330px) {
#f_top_one {
           left:-8px;
}

#f_top_two {
           left:-8px;
}

#f_top_three{
           left:-8px;
}

#f_top_for {
           left:-8px;
}
}
	 


/* -------------------------------- footer系-------------------------------- */

/*footer全体*/
footer{background-color:rgba(255,225,0,1);
font-size:14px;
}

footer ul li a{transition: .2s;
}
footer ul li a:hover{color:rgba(237, 90, 7, 1);
}

footer ul{list-style:none;
}

#f_kakumei{max-width:1000px; margin:0 auto; padding:20px 0 5px 0;
}
#f_kakumei:after{
    display: block;
    clear: left;
    content: "";
}
 
#f_kakumei nav ul{padding:0; margin:0; float:left; width:33%;
}
#f_kakumei nav #ul801{margin-bottom:20px;
}
#f_kakumei nav #ul802{margin:0 0.5% 20px 0.5%;
}
#f_kakumei nav #ul803{margin-bottom:20px;
}
#f_kakumei nav #ul805{margin:0 0.5%;
}

#f_kakumei nav ul li{line-height:1.7;
}
#f_kakumei nav ul li a{display:inline-block;
}
#f_kakumei nav ul li a i{padding-right:5px;
}
#f_kakumei nav ul .li999{position: relative; left:18px;
}

#f_kakumei nav #ul801 li{width:195px;
}
#f_kakumei nav #ul801 li a{width:195px;
}

#f_kakumei nav #ul802 li{width:195px;
}
#f_kakumei nav #ul802 li a{width:195px;
}

#f_kakumei nav #ul803 li{width:195px;
}
#f_kakumei nav #ul803 li a{width:195px;
}

#f_kakumei nav #ul804 li{width:195px;
}
#f_kakumei nav #ul804 li a{width:195px;
}

#f_kakumei nav #ul805 li{width:195px;
}
#f_kakumei nav #ul805 li a{width:195px;
}


#addresss00{width:310px; float:left;
}
#addresss00 img{width:310px;
}

#addresss00 address{font-style:normal;
}

/*コピーライト*/
.copyright {background-color:#000000;
}
.copyright p {text-align: center;
          font-size: 12px;
          color: #ffffff;
          margin-bottom:-10px;
}

@media (max-width: 1200px) {
#f_kakumei{max-width:80%;
}
#addresss00{width:33%;
}
#addresss00 img{width:100%;
}
}
@media (max-width: 1000px) {
#f_kakumei{max-width:89%;
}
}
@media (max-width: 870px) {
#f_kakumei{max-width:74%;
}
#f_kakumei nav ul{width:50%;
}
#addresss00{width:50%;
}
	#f_kakumei nav #ul802{margin:0 0 20px 0;
}
#f_kakumei nav #ul804{margin:0 0 20px 0;
}
#f_kakumei nav #ul805{margin:0 0 20px 0;
}
}
@media (max-width: 770px) {
#f_kakumei{max-width:71%;
}
}
@media (max-width: 720px) {
#f_kakumei{max-width:75%;
}
}
@media (max-width: 690px) {
#f_kakumei nav ul li{margin:0 auto;
}
#addresss00{width:260px; float:none; margin:0 auto; text-align:center;
}
#addresss00 img{width:240px;
}
}
@media (max-width: 500px) {
#f_kakumei{max-width:80%;
}
	#f_kakumei nav #ul801 li{width:100%;
}
#f_kakumei nav #ul801 li a{width:100%;
}

#f_kakumei nav #ul802 li{width:100%;
}
#f_kakumei nav #ul802 li a{width:100%;
}
	#f_kakumei nav #ul803 li{width:100%;
}
#f_kakumei nav #ul803 li a{width:100%;
}

#f_kakumei nav #ul804 li{width:100%;
}
#f_kakumei nav #ul804 li a{width:100%;
}

#f_kakumei nav #ul805 li{width:100%;
}
#f_kakumei nav #ul805 li a{width:100%;
}
#f_kakumei nav #ul805{width:100%;
}
}
@media (max-width: 378px) {
#f_kakumei{max-width:95%; margin:0;
	padding-left:5%;
}
#f_kakumei nav ul .li999{position: relative; left:0px;
	padding-left:18px;
-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
#f_kakumei nav ul li a{font-size:13px;
}
}
@media (max-width: 340px) {
#f_kakumei nav ul li a{font-size:12px;
}	
}
/* ------------------- パンくずリストフォーム ------------------- */
.pan_box {width: 80%;
		margin-left: auto;
		margin-right: auto;
}

.pan_box ul:after {
    display: block;
    clear: left;
    content: "";
}

.pan_box ul{padding-left:0;
}

.pan_box ul li {list-style:none;
	   float: left;
	  margin-right:5px;
}

.pan_box ul li a{transition: .2s;
}
.pan_box ul li a:focus{color:#fcc102;
}
.pan_box ul li a:hover{color:#fcc102;
}

.pan_box ul li i{padding:0 10px;
}

@media (min-width: 1320px) {
.pan_box {width:1040px;
}
}

@media (max-width: 770px) {
.pan_box ul{margin-bottom:0px;
}
.pan_box ul li{font-size:14px;
}
}
@media (max-width: 525px) {
.pan_box {width: 100%;
}
.pan_box ul li{font-size:12px;
}
.pan_box ul .first_home i{padding:0 2px 0 10px;
}
}


/* ------------------- お問い合わせフォーム ------------------- */
#contact_t_left{position: absolute;
	bottom: 45%;
	left: 9%;
	border-bottom:1px solid rgba(242,72,72,1);
	padding-bottom:7px;
	font-size:32px;
	font-weight:bold;
	text-shadow:1px 1px 10px #ffffff; color:rgba(242,72,72,1);
}

.contact_sen{font-size:16px;
	padding-left:20px; vertical-align:middle; 
	line-height:1.7;
}
#contact_t_left2{
position: absolute;
bottom: 37%;
display:block;
padding:2px 5px 2px 9%; width:320px; text-align:right; text-shadow:1px 1px 1px #ffffff;
font-size:18px; font-weight:bold; background-color:rgba(255, 225, 0, 0.7);
color:#000000;
}
#contact_t_left2:before{position: relative;
bottom:21px;
right:-201px;
font-family: FontAwesome;
font-style: normal;
font-weight: bold;
font-size:30px;
content: "\f00c"; color:#ffffff; text-shadow:1px 1px 1px #8a583b;
}

#contact_t_left2:hover{color:rgba(237, 90, 7, 1);
}


#header_contact {width: 100%;
}

#header_text{position: relative;
           margin:0 auto;
           max-width:100%;
           height:auto;
}

#header_text #c_text{position: absolute;
top: 44%;
left: 0%;
text-align:center;
display:block;
width:100%;
font-size:30px;
color:rgba(255,225,0,1);
text-shadow: 1px 1px 2px #000000;
font-weight:normal;
}


#panel {width:100%; position:relative;
}
 
#panel dt{margin:0; padding:0}
#panel dd{margin:0; padding:0}

#panel1,#panel2,#panel3{width:33%; -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
/*
#panel #panel2 {
	position: absolute; top:0; left:33.5%; width:33%;
}
#panel #panel3 {
	position: absolute; top:0; left:67%; width:33%;
}
*/

/* 
お問い合わせ画面の既存顧客を選択するため　2018/10/12 Add
*/

#panel .leftpos2 {
	position: absolute; top:0; left:33.5%; width:33%;
}
#panel .leftpos3 {
	position: absolute; top:0; left:67%; width:33%;
}


#panel > dt {text-align:center;
transition: .4s;
height: 40px;
line-height: 1;
font-size: 18px;
padding: 10px 0 10px 0;
background-color: rgba(181,181,182,0.1);
display: block;
box-shadow:0 2px 2px #cccccc;
border-radius: 3px; 
color:rgba(0,0,0,0.8);
cursor: pointer;
}

#panel > dt:focus{background-color:rgba(255,225,0,1); box-shadow:none;
	    color:rgba(237, 90, 7, 1); text-shadow:none; position:relative; top:2px;
}

#panel > dt:hover{background-color:rgba(255,225,0,1); box-shadow:none;
	    color:rgba(237, 90, 7, 1); text-shadow:none;
}

 
#panel > dd {
margin: 0px;
}

#panel .open02{
	background-color:rgba(255,225,0,1);
}


#contact_box9{
max-width:1000px;
background-color:#ffffff;
	color:#666666;
	margin:30px auto;
	padding:0 20px 50px 20px;
	 /* box-shadow */
box-shadow:0px 0px 10px 1px #dfdfdf;
-moz-box-shadow:0px 0px 10px 1px #dfdfdf;
-webkit-box-shadow:0px 0px 10px 1px #dfdfdf;
}

#contact_box9 h1 {
	border-bottom:1px dashed rgba(242,72,72,0.6); 
	padding-top:10px; 
	padding-bottom:5px; 
	margin-top:0px; 
	margin-bottom:10px;
	text-align:center; 
/*
	color:#8a583b; 
	font-size:40px;
*/
	color:#f24848; 
	font-size:26px; 
}

#contact_box9 h1 img{vertical-align: bottom; width:450px; margin-top:-22px;
}

#contact_box9 .contact_p {color: red; margin-top:0;
	       margin-left:10px;
}

#t_hyaku{width:100%}
#t_hyaku th{width:33%;
           text-align:left;
           font-weight:normal; border-radius:5px;
           border-bottom:1px solid #cccccc;
           padding-top:10px;
           padding-bottom:10px;
           padding-left:1%;
           background-color:rgba(255, 225, 0, 1);
           color:#000000; 
          text-shadow:1px 1px 1px #ffffff; }
#t_hyaku td {
           padding-top:10px;
           padding-bottom:10px;
           padding-left:10px;
}

#t_1 input{width:47%; font-size:16px;
         height:20px;
}
#t_2 input{width:98%; font-size:16px;
         height:20px;
}
#t_3 input{width:98%; font-size:16px;
         height:20px;
}
#t_4 input{width:47%; font-size:16px;
         height:20px;
}
#t_5 input{width:30%; font-size:16px;
         height:20px;
}
#t_6 input{width:98%; font-size:16px;
         height:20px;
}
#t_7 input{height:20px;
}
#t_8 textarea{width:98%; font-size:16px;
         height:200px;
}

.wpcf7-list-item-label{color:rgba(0,0,0,0.8);
}

#syusei_max{margin:0 auto; padding:50px 0 0 0; text-align:center;
}
#syusei_max input[type="submit"]
	{margin-left:0px; display:inline-block;
   padding:10px; width:300px;
         background-color:#ffffff;
         font-size:1.1em;
         border-radius: 2em;
         border-bottom:3px solid #cccccc;
         border-top:1px solid #cccccc;
         border-left:1px solid #cccccc;
         border-right:1px solid #cccccc;
color:#000000;
-webkit-appearance: none;
	cursor: pointer;
	transition: .2s;
}

#syusei_max input[type="submit"]:active {/*ボタンを押したとき*/
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

#syusei_max input[type="submit"]:hover
	{background-color: rgba(255,225,0,1); position:relative; top:3px;
  border-bottom:3px solid #ffffff;
         border-top:1px solid #ffffff;
         border-left:1px solid #ffffff;
         border-right:1px solid #ffffff;
}

.kaku_red{text-shadow:none;
	  font-size:14px;
	  padding:5px 6px;
	    border-radius:7px; 
	    background-color:red; 
	    color:#ffffff;
}

.wpcf7 input[type="submit"]
	{margin-left:0px; display:inline-block;
   padding:10px; width:300px;
         background-color:#ffffff;
         font-size:1.1em;
         border-radius: 2em;
         border-bottom:3px solid #cccccc;
         border-top:1px solid #cccccc;
         border-left:1px solid #cccccc;
         border-right:1px solid #cccccc;
color:#97854D;
-webkit-appearance: none;
	cursor: pointer;
	transition: .2s;
}

.position_relative{position:relative;
}
#kaku_red_1{position: absolute; 
left: 85%; bottom:5px;
}
#kaku_red_2{position: absolute; 
left: 85%; bottom:5px;
}
#kaku_red_3{position: absolute; 
left: 85%; bottom:100px;
}

.wpcf7 input[type="submit"]:active {/*ボタンを押したとき*/
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

.wpcf7 input[type="submit"]:hover
	{background-color: rgba(255,225,0,1); position:relative; top:3px;
  border-bottom:3px solid #ffffff;
         border-top:1px solid #ffffff;
         border-left:1px solid #ffffff;
         border-right:1px solid #ffffff;
   }

#t_hyaku input[type="button"]{-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
appearance: none;
font-size:15px; display:inline-block; width:75px; 
	height:30px; background-color:rgba(181,181,182,0.1);
border-radius:5px;
border:1px solid rgba(0,0,0,0.3); box-shadow:2px 2px 2px #cccccc;
margin-left:10px; transition: .4s;
}

#t_hyaku input[type="button"]:hover{cursor: pointer; position:relative; top:2px; left:2px; box-shadow:none;
}

#margin_top_c {margin-top: 50px;
}

@media (max-width: 1070px) {
#contact_box9 h1 {font-size:36px;
}
#contact_box9 h1 img{width:370px; margin-top:-17px;
}
}

@media (max-width: 950px) {
#contact_box9 h1 img{width:330px; margin-top:-14px;
}
}
@media (max-width: 900px) {
#contact_box9 h1 {font-size:30px;
}
}
	
@media (max-width: 860px) {
#contact_box9 h1 img{width:310px; margin-top:-11px;
}
}

@media (max-width: 790px) {
#contact_box9 h1 {font-size:28px;
}
#contact_box9 h1 img{width:290px; margin-top:-10px;
}
}

@media (max-width: 770px) {
#contact_box9{margin-top:25px;
}
}

@media (max-width: 740px) {
#contact_box9 h1{
	position:relative; top:0px; margin-bottom:10px;
}
#contact_box9 h1 img{width:270px;
}
}

@media (max-width: 700px) {
#contact_box9 h1 {font-size:26px;
}
#contact_box9 h1 img{width:250px;
}
#contact_box9 .contact_p {margin-bottom:0px;
}
#panel{margin-top:8px;
}
}
@media (max-width: 390px) {
#contact_box9 h1 {font-size:22px;
}
}
	
@media (max-width: 1080px) {
#contact_box9{max-width:80%;
}
#kaku_red_1{left: 80%;
}
#kaku_red_2{left: 80%;
}
#kaku_red_3{left: 80%;
}
}

@media (max-width: 850px) {
#kaku_red_1{left: 77%;
}
#kaku_red_2{left: 77%;
}
#kaku_red_3{left: 77%;
}
}

@media (max-width: 820px) {
#contact_t_left{
	position: absolute;
	bottom: 48%;
	left: 9%;
	font-size:28px;
}

#contact_t_left2{
	position: absolute;
	bottom: 34%;
	width:273px;
	font-size:18px;
}
}

@media (max-width: 790px) {
#contact_t_left{
	bottom: 49%;
	left: 9%;
	font-size:24px;
}

#contact_t_left2{
	bottom: 32%;
	width:247px;
	font-weight:normal;
}
}

@media (max-width: 770px) {
#t_hyaku tr th {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#t_hyaku tr td {padding-left:0;
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#t_1 input{width:300px;
}
#t_2 input{width:95%;
}
#t_3 input{width:95%;
}
#t_4 input{width:300px;
}
#t_5 input{width:150px;
}
#t_hyaku input[type="button"]{width:90px;
}
#t_6 input{width:95%;
}
#t_8 textarea{width:95%;
}

#kaku_red_1{left: 60px; bottom:6px;
}
#kaku_red_2{left: 125px; bottom:6px;
}
#kaku_red_3{left: 125px; bottom:6px;
}
}

@media (max-width: 700px) {
#contact_t_left{bottom: 53%;
}
#contact_t_left2{bottom: 40%;
}
}

@media (max-width: 560px) {
#header_text #c_text{display:none;
}
}

@media (max-width: 500px) {
#syusei_max input[type="submit"]{width:220px;
}
.wpcf7 input[type="submit"]{width:220px;
}
}

@media (max-width: 450px) {
#contact_t_left2{bottom: 35%; display:none;
}
#contact_t_left2:before{
bottom:22px;
right:-198px;
font-size:22px;
}
#t_1 input{width:95%; font-size:14px;
}
#t_2 input{font-size:14px;
}
#t_3 input{font-size:14px;
}
#t_4 input{width:95%; font-size:14px;
}
#t_5 input{width:110px; font-size:14px;
}
#t_6 input{font-size:14px;
}
#t_8 textarea{font-size:14px;
}
}

@media (max-width: 420px) {
#contact_t_left{bottom: 51%; left:5%;
	padding-bottom:1px;
}
#contact_t_left2{padding-left:5%;
         bottom: 33%;
}
}

@media (max-width: 378px) {
#contact_t_left{bottom: 48%; left:5%;
}

#contact_t_left2{padding-left:5%;
         bottom: 30%;
}
}

@media (max-width: 365px) {
#t_1 input{width:92%;
}
#t_2 input{width:92%;
}
#t_3 input{width:92%;
}
#t_4 input{width:92%;
}
#t_6 input{width:92%;
}
#t_8 textarea{width:92%;
}
}


/* -------------------------------------- 採用情報ページ ------------------------------ */
#koukoku_01{position: absolute;
	bottom: 58%;
	right: 9%;
	margin-right:25px;
	border-bottom:1px solid rgba(242,72,72,1);
	padding-bottom:7px;
	font-size:32px;
	font-weight:bold;
	text-shadow:1px 1px 10px #ffffff; color:rgba(242,72,72,1);
}

#koukoku_02{position: absolute;
bottom: 48%;
right: 0%;
width:274px;
padding-right: 9%;
	padding-bottom:1px;
	padding-top:1px; display:block;
}

#koukoku_03{position: absolute;
bottom: 29%;
right: 0%;
width:274px;
padding-right: 9%;
	padding-bottom:1px;
	padding-top:1px; display:block;
}

#recruit_first_box2{
/*
  border:1px solid rgba(255,210,0,1);
*/
}

#recruit_first_box2:after{
    display: block;
    clear: left;
    content: "";
}

#recruit_first_box{
  margin:0 auto; max-width:1000px;
  padding: 5px;
/*
  background-color: rgba(255,225,0,1);
  border: 1px solid rgba(255,225,0,1);
  border-radius: 5px;
*/
}



.recruit_first_left{
	float:left; width: 384px;
	height: 260px;
	background-image: url(images/recruit-img3.png);
	background-position:center;
	background-size: cover;
	padding: 8px 10px;
	margin-top: 8px;
	margin-right: 10px;
}

.recruit_first_left p{
  width: 384px; text-align:center; color:#ffffff;
  height: 260px; background-color: rgba(0,0,0,0.2); 
  margin:0; position:relative;
}

.recruit_first_left p .left_span_09{position: absolute; top: 75px; left:0; width:100%;
font-size: 26px;
  line-height: 2;
  color: rgba(237, 90, 7, 0.8);
  font-weight: bold;
text-shadow: 1px 1px 3px rgba(255,255,255,1);
}

.recruit_first_left .left_span_10{display:block;
}

.recruit_first_right{height:100%; background-color:#ffffff; 
	height: 276px;
}
.recruit_first_right p{margin:0; 
	line-height:2.8;
	padding-right:5px;
}
.recruit_first_right #span_first{background: linear-gradient(transparent 60%, #ffff66 60%);
font-size:18px;
}

#a_first1{margin-right:10px; color:rgba(237, 90, 7, 0.8);
}

#a_first2{display: inline-block;
  color: rgba(237, 90, 7, 0.8);
  padding: 10px;
  width: 300px;
  margin: 10px 12% 0 13%;
  background-color: #ffffff;
  font-size: 1.1em;
  border-radius: 2em;
  border-bottom: 3px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  text-align: center;
  -webkit-appearance: none;
  transition: .8s;
}

#a_first2:focus {background-color:rgba(255,225,0,1); position:relative; top:3px;
border-bottom:3px solid #ffffff;
         border-top:1px solid #ffffff;
         border-left:1px solid #ffffff;
         border-right:1px solid #ffffff;
}
#a_first2:hover {background-color:rgba(255,225,0,1); position:relative; top:3px;
border-bottom:3px solid #ffffff;
         border-top:1px solid #ffffff;
         border-left:1px solid #ffffff;
         border-right:1px solid #ffffff;
}

#a_first2 i{padding-right:5px;
}


#left_borderq{font-size:18px;
	   border-left:10px solid #8a583b;
	   color:#000000;
	   padding-left:10px;
	   padding-top:5px;
	   padding-bottom:5px;
background-color:rgba(255, 225, 0, 0.8);
}


.companyy_box {
	background-color:#ffffff;
	max-width:1000px;
	height:auto;
	color:#666666;
	margin:30px auto 50px auto;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	/* box-shadow */
	box-shadow:0px 0px 10px 1px #dfdfdf;
	-moz-box-shadow:0px 0px 10px 1px #dfdfdf;
	-webkit-box-shadow:0px 0px 10px 1px #dfdfdf;
}

.companyy_box h1 {
	border-bottom:1px dashed rgba(242,72,72,0.6); 
	padding-top:10px; 
	padding-bottom:5px; 
	margin-top:0px; 
	margin-bottom:10px;
	text-align:center; 
/*
	color:#8a583b; 
	font-size:40px;
*/
	color:#f24848; 
	font-size:26px; 
}

.companyy_box h1 img{vertical-align: bottom; width:450px; margin-top:-22px;
}

@media (max-width: 1054px) {
.companyy_box {width:80%;
}
#recruit_first_box{width:80%;
}
#a_first2{margin:10px 0 0 0;
}
.recruit_first_right p{line-height:2.4;
}
}
@media (max-width: 950px) {
#a_first2{width:200px;
}
}
@media (max-width: 930px) {
.recruit_first_right p{font-size:14px; 
	line-height:2.8;
}
.recruit_first_right #span_first{font-size:16px;
}
}

@media (max-width: 930px) {
.recruit_first_right #span_first{font-size:15px;
}
}

@media (max-width: 870px) {
.recruit_first_left{width:100%; 
	height:auto; float:none; margin:0;
-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
.recruit_first_left p{width:100%;
}
.recruit_first_right{height: 100%;
	padding-bottom:20px;
}
.recruit_first_right p{font-size:16px; padding:0 10px;
} 
.recruit_first_right #span_first{font-size:18px;
}
#div_div{text-align:center;
}
#a_first2{width:300px;
}
}

@media (max-width: 770px) {
#recruit_first_box{margin-top:25px;
}
.companyy_box {width:90%; margin-top:25px;
}
}

@media (max-width: 590px) {
.recruit_first_right{height: auto;
}
}
@media (max-width: 550px) {
#a_first2{width:200px; padding:10px;
}
}

@media (max-width: 440px) {
.recruit_first_left p .left_span_09{font-size: 24px; top:82px;
}
}

@media (max-width: 430px){
.recruit_first_right p{padding:0 5px; font-size:15px;
}
.recruit_first_right #span_first{font-size:17px;
}
}

@media (max-width: 420px) {
.recruit_first_left p .left_span_09{top: 65px; font-size: 22px;
}
.recruit_first_left{height:230px; padding:5px;
}
.recruit_first_left p{height:220px;
}
.companyy_box {width:85%;
}
}

@media (max-width: 410px) {
#a_first2{width: 190px; font-size: 16px;
}
}

@media (max-width: 400px){
.recruit_first_right p{padding:0 5px; font-size:14px;
}
.recruit_first_right #span_first{font-size:16px;
}
}

@media (max-width: 385px) {
.recruit_first_left p .left_span_09{font-size: 20px; top:68px;
}
}

@media (max-width: 375px) {
.dis_span_first{display:none;
}
}

@media (max-width: 350px) {
.recruit_first_left p .left_span_09{font-size: 19px; top:72px;
}
.dis_span_first2{display:block;
}
.recruit_first_right p{font-size:13px;
}
}

@media (max-width: 330px) {
.recruit_first_left p .left_span_09{top:50px;
}
.recruit_first_left{height:188px;
}
.recruit_first_left p{height:178px;
}
.recruit_first_right p{font-size:12px;
}
}


@media (max-width: 1070px) {
.companyy_box h1 {font-size:36px;
}
.companyy_box h1 img{width:370px; margin-top:-17px;
}
}

@media (max-width: 950px) {
.companyy_box h1 img{width:330px; margin-top:-14px;
}
}

@media (max-width: 900px) {
.companyy_box h1 {font-size:30px;
}
}

@media (max-width: 860px) {
.companyy_box h1 img{width:310px; margin-top:-11px;
}
}

@media (max-width: 790px) {
.companyy_box h1 {font-size:28px;
}
.companyy_box h1 img{width:290px; margin-top:-10px;
}
}

@media (max-width: 740px) {
.companyy_box #left_borderq{margin-top:7px;
}
.companyy_box h1{
	position:relative; top:0px; margin-bottom:10px;
}
.companyy_box h1 img{width:270px;
}
}

@media (max-width: 700px) {
.companyy_box h1 {font-size:26px;
}
.companyy_box h1 img{width:250px;
}
}
@media (max-width: 390px) {
.companyy_box h1 {font-size:22px;
}
}





#re0{margin-bottom:20px; 
	height:200px; position:relative; width:100%;
box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.2);
}

#re0 .i_a{position: absolute; width: 600px;
top: 0px;
left: 0px;
}

#re0 .recruit_box{display:block;
           color:#3f2615;
           font-size:30px;
position: absolute; 
	height:200px; width:100%;
top: 0px;
left: 0px;
z-index:20;
}

#re0 .recruit_box .i_b{text-align:center; position: absolute; 
	height:200px; width:400px;
top: 0px;
right: 0px;
 background-color:rgba(255,225,0,0.8); border-radius:0 0.8em 0 0;
}

#re0 .recruit_box .i_b .s_a_p{margin:40px 0 0 0;
}


#re0 .recruit_box:focus {color:rgba(237, 90, 7, 1);
}
#re0 .recruit_box:hover {color:rgba(237, 90, 7, 1);
}
#re0 .i_a:focus {color:rgba(237, 90, 7, 1);
}
#re0 .i_a:hover {color:rgba(237, 90, 7, 1);
}

#re0 .recruit_box:hover #right_i_kakus{color:rgba(237, 90, 7, 1);
}

#right_i_kakus{position: absolute;
     bottom: 6px;
     right: 10px;
font-size:12px; color:#3f2615; font-weight:bold; transition: .8s;
}

#right_i_kaku{position: absolute;
     bottom: 2px;
     right: 2px;
font-size:8px; color:rgba(252,193,0,0.8); font-weight:bold; border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff; width:20px; 
	height:20px;
}



@media (max-width: 1054px) {
#re0 .i_a{width:100%; 
	height:100%; position: static;
}

#re0 .recruit_box .i_b{height:94%; width:98%; border-radius:0; background-color:rgba(255,255,255,0.6); top: 3%;
right: 1%; text-shadow:1px 1px 1px rgba(252,193,2,0.6);
}

.recruit_box:focus {background-color:rgba(252,193,2,0.6); opacity:1; color:#ffffff;
}
.recruit_box:hover {background-color:rgba(252,193,2,0.6); opacity:1; color:#ffffff;
}
#re0 .i_a:focus {background-color:rgba(252,193,2,0.6); opacity:1; color:#ffffff;
}
#re0 .i_a:hover {background-color:rgba(252,193,2,0.6); opacity:1; color:#ffffff;
}
}


@media (max-width: 910px) {
#koukoku_01{position: absolute;
bottom: 53%;
right: 9%;
}

#koukoku_02{position: absolute;
bottom: 44%;
right: 0%;

}

#koukoku_03{position: absolute;
bottom: 23%;
right: 0%;
}

}

@media (max-width: 820px) {
#koukoku_01{position: absolute;
bottom: 55%;
right: 9%; font-size:28px; margin-right:40px;
}

#koukoku_02{position: absolute;
bottom: 42%;
right: 0%; font-size:18px; width:255px;
}

#koukoku_03{position: absolute;
bottom: 20%;
right: 0%; font-size:18px; width:255px;
}

}

@media (max-width: 790px) {
#koukoku_01{position: absolute;
bottom: 56%;
right: 9%; font-size:24px; margin-right:45px;
}

#koukoku_02{position: absolute;
bottom: 41%;
right: 0%; font-size:18px; font-weight:normal; width:244px;
}

#koukoku_03{position: absolute;
bottom: 17%;
right: 0%; font-size:18px; font-weight:normal; width:244px;
}

}

@media (max-width: 770px) {
#re0{height:170px;
}
#re0 .recruit_box{height:100%;
}
#re0 .recruit_box .i_b .s_a_p{font-size:24px;
}
}

@media (max-width: 700px) {
#koukoku_01{position: absolute;
bottom: 61%;
right: 9%;  margin-right:45px;
}

#koukoku_02{position: absolute;
bottom: 47%;
right: 0%;
}

#koukoku_03{position: absolute;
bottom: 27%;
right: 0%;
}

}

@media (max-width: 670px) {
#re0{height:160px;
}
#re0 .recruit_box .i_b .s_a_p{font-size:23px; margin-top:35px;
}
}

@media (max-width: 570px) {
#re0{height:150px;
}
#re0 .recruit_box .i_b .s_a_p{font-size:22px;
}
}
@media (max-width: 500px) {


}

@media (max-width: 470px) {
#re0{height:140px;
}
#re0 .recruit_box .i_b .s_a_p{font-size:21px;
}
}

@media (max-width: 440px) {
#re0{height:130px;
}
#re0 .recruit_box .i_b .s_a_p{font-size:20px;
}
}

@media (max-width: 420px) {


}

@media (max-width: 410px) {
#re0{height:120px;
}
#re0 .recruit_box .i_b .s_a_p{margin-top:30px;
}
}

@media (max-width: 380px) {


#re0{height:110px;
}
#re0 .recruit_box .i_b .s_a_p{margin-top:20px;
}
}

@media (max-width: 350px) {


#re0{height:100px;
}
#re0 .recruit_box .i_b .s_a_p{margin-top:15px;
}
}

@media (max-width: 320px) {
#re0{height:90px;
}
#re0 .recruit_box .i_b .s_a_p{margin-top:10px; font-size:19px;
}
}


/* ----------角丸コンタクト -------------------- */

.kakumaru_c_k {border: double 4px #cccccc;
	 margin:0 auto 50px auto;
	 padding:0 0 25px 0;
	 max-width:1000px;
	 color:#666666;
}



.kakumaru_c_k h2 {text-align:center;
	     font-size:18px;
}
.kakumaru_c_k h3 {text-align:center;
	     font-size:18px;
}


.kakumaru_c_k:after {
    display: block;
    clear: both;
    content: "";
}

.kakumaru_c_k p {width:285px; margin:0 0 0 10%; float:left}

.kakumaru_c_k #motoni a{color:rgba(237, 90, 7, 0.8);
font-size:20px; display:inline-block;
}

#font_small_span{display:block; font-size:14px; position:relative; left:37px;
}

#font_small{display: block; color: rgba(237, 90, 7, 0.8); padding: 10px;
  float:right;
  width: 300px;
  margin: 0px 10% 0 0;
  background-color: #ffffff;
  font-size: 1.1em;
  border-radius: 2em;
  border-bottom: 3px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  text-align: center;
  -webkit-appearance: none;
  transition: .8s;
}

#font_small:focus {background-color:rgba(255,225,0,1); position:relative; top:3px;
border-bottom:3px solid #ffffff;
         border-top:1px solid #ffffff;
         border-left:1px solid #ffffff;
         border-right:1px solid #ffffff;
}
#font_small:hover {background-color:rgba(255,225,0,1); position:relative; top:3px;
border-bottom:3px solid #ffffff;
         border-top:1px solid #ffffff;
         border-left:1px solid #ffffff;
         border-right:1px solid #ffffff;
}

#font_small i{padding-right:5px;
}




.kakumaru_c_k #motoni a:before {
font-family: FontAwesome;
font-style: normal;
font-weight: bold;
color:rgba(237, 90, 7, 0.8);
padding-right: 20px;
content: "\f098";
}


@media (max-width: 1280px) {
#kakumaru_c_k_id{max-width:79%;
}
}

@media (max-width: 1054px) {
#kakumaru_c_k_id{max-width:1000px;
}
.kakumaru_c_k {width:80%;
}
.kakumaru_c_k p {margin:0 0 0 8%;
}
#font_small{margin: 0px 8% 0 0;
}
}

@media (max-width: 950px) {
.kakumaru_c_k p {margin:0 0 0 5%;
}
#font_small{margin: 0px 5% 0 0;
}
}

@media (max-width: 880px) {
.kakumaru_c_k p {margin:0 0 0 3%;
}
#font_small{margin: 0px 3% 0 0;
}
}

@media (max-width: 830px) {
#font_small_span{left:0px;
}
.kakumaru_c_k p {margin:0 0 0 4%; width:245px;
}
#font_small{margin: 0px 2% 0 0;
}
.kakumaru_c_k #motoni a:before{padding-right: 10px;
}
}
@media (max-width: 790px) {
.kakumaru_c_k p {text-align:center; margin:0 auto 20px auto; float:none;
}
#font_small{margin:0 auto; float:none;
}
}
@media (max-width: 550px) {
#font_small{padding: 10px;
  width: 200px;
}
}
@media (max-width: 500px) {
.companyy_box{margin:25px auto 30px auto;
}
.kakumaru_c_k {margin:0 auto 30px auto;
}
}

@media (max-width: 430px) {
.kakumaru_c_k h3 {font-size:16px;
}
.kakumaru_c_k h2 {font-size:16px;
}
.kakumaru_c_k #motoni a{font-size:16px;
}
#font_small_span{font-size:14px;
}
}

@media (max-width: 410px) {
#font_small{
width: 190px;
font-size: 16px;
}
}

@media (max-width: 374px) {
.kakumaru_c_k h3 {font-size:14px;
}
.kakumaru_c_k h2 {font-size:14px;
}
.kakumaru_c_k #motoni a{font-size:14px;
}
#font_small_span{font-size: 12px;
}
}
@media (max-width: 330px) {
.kakumaru_c_k h3 {font-size:13px;
}
.kakumaru_c_k h2 {font-size:13px;
}
.kakumaru_c_k #motoni a{font-size:13px;
}
}

/* -------------------------------------- 目的別サービスページ ------------------------------ */
#service_t_i{
	position: absolute; 
	top:20%;
	left: 9%; 
	z-index:20;
/*
	font-size:36px;
	font-weight:bold; 
	color:#000000; 
	text-shadow:1px 1px 10px #ffffff; 
	line-height:1.7;
*/
	color:#f24848; 
	border-bottom:1px solid rgba(242,72,72,1);
	padding-bottom:7px;
	font-size:32px;
	font-weight:bold;
	text-shadow:1px 1px 10px #ffffff; color:rgba(242,72,72,1);
}

#service_t_i0{
	margin-top:56px; margin-left:20px;
	position: absolute;
	top:20%;
	left: 9%;
	z-index:0;
	text-align:center;
	font-weight: bold;
	font-size:16px;
	width:300px;
	padding:30px 35px 10px 35px;
	background-color:rgba(255,225,0,0.6);
	color:#3f2615;
	line-height:1.7;
}




.service_t_is{position: absolute; bottom:-10px; width:100%; text-align:center; background-color:rgba(0,0,0,0.3); 
	line-height:0.9}
.service_t_is #service_t_i2{width:32.8%; display:inline-block; padding:10px 0 0 0; color:rgba(255,225,0,1);
 border-right:1px solid rgba(255,255,255,0.6); font-size:20px;
}
.service_t_is #service_t_i3{width:32.8%; display:inline-block;
border-right:1px solid rgba(255,255,255,0.6); padding:10px 0 0 0; color:rgba(255,225,0,1); font-size:20px;
}
.service_t_is #service_t_i4{width:33.3%; display:inline-block; padding:10px 0 0 0; color:rgba(255,225,0,1); font-size:20px;
}

.service_t_is .color_paddings{margin:0; padding:5px 0 0 0; font-size:15px; color:#84be00; display:block; text-shadow:1px 1px 1px #000000;
}
.service_t_is i{display:block;
}

.service_t_is #service_t_i2:hover{color:rgba(255,225,0,1);
}
.service_t_is #service_t_i3:hover{color:rgba(255,225,0,1);
}
.service_t_is #service_t_i4:hover{color:rgba(255,225,0,1);
}

#mokuteki_box{
	position: relative;
}

#mokuteki_box h1 {
	border-bottom:1px dashed rgba(242,72,72,0.6); 
	padding-top:10px; 
	padding-bottom:5px; 
	margin-top:0px; 
	margin-bottom:10px;
	text-align:center; 
/*
	color:#8a583b; 
	font-size:40px;
*/
	color:#f24848; 
	font-size:26px; 
}

#mokuteki_box h2{
	position: absolute; width:49%;
	padding-right:1%;
	top:80px;
	left: 0; text-align:center; 
	color:#8a583b; 
	font-size:40px;
}

#mokuteki_box h2 img{width:450px;
}

#mokuteki_box #mokuteki_one{
	width:50%;
	position: absolute; 
/*
	top: 10px;
*/
	right: 0;
}

#mokuteki_box #mokuteki_one img{width:100%;
}

#mokuteki_boxss{position: relative;
}

#mokuteki_boxss h2{position: absolute;
	top: 80px;
	right: 0; width:49%;
	padding-left:1%; text-align:center; 
	color:#8a583b; 
	font-size:40px;
}

#mokuteki_boxss h2 img{width:450px;
}

#mokuteki_boxss #mokuteki_ones{width:50%;
	position: absolute;
     top: 10px;
     left: 0%;
}

.float_mokutekis .p_k_boxs{padding-left:2%;
padding-right:3%;
}

.p_k_boxs strong{color:#8a583b;
}
.color_red_h{font-size:12px; 
	color:#8a583b; 
}

#indent_haccp{margin-left:2%;
padding-right:3%;
padding-left:17px; text-indent:-17px; 
	color:#8a583b; 
	line-height:1.5; font-size:14px;
}

#indent_haccp .color_red_h{padding-right:5px;
}

.color_red_h2{text-indent:0px;
}

#indent_haccp .color_red_h{text-indent:0%;
}

.float_mokutekis .left-kodawari{font-size:18px;
	   border-left:10px solid rgba(255,225,0,1);
	   color:#000000;
	   padding-left:10px;
	   padding-top:5px;
	   padding-bottom:5px;
	   background-color: rgba(255,225,0,0.2);
}

.d_ii_m .float_mokutekis{
padding-top:30%;
line-height:2.5;
}


.float_mokutekis a{        
         display:block;
         padding:2px 10px;
         width:300px;
         margin:20px auto;
         background-color:#ffffff;
         font-size:1.1em;
         border-radius: 2em;
         border-bottom:3px solid #cccccc;
         border-top:1px solid #cccccc;
         border-left:1px solid #cccccc;
         border-right:1px solid #cccccc;
        text-align:center;
color:#000000;
-webkit-appearance: none;
}

.float_mokutekis a:active {/*ボタンを押したとき*/
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}


#mokuteki_boxs{position: relative;
}

#mokuteki_boxs h2{position: absolute;
top: 80px;
left: 0; width:49%;
	padding-right:1%; text-align:center; 
	color:#8a583b; 
	font-size:40px;
}

#mokuteki_boxs h2 img{width:450px;
}

#mokuteki_boxs #mokuteki_ones{width:50%;
	position: absolute;
     top: 10px;
     left: 51%;
}

#tyugaku_border {font-size:18px; position:relative;
border-left:10px solid rgba(237,28,36,0.8);
	   color:#000000;
	   padding-left:10px;
	   padding-top:5px;
	   padding-bottom:5px;
	   background-color: rgba(237,28,36,0.2);
}


/* 目的別サービス最初 */

.float_mokutekis a i{padding-right:5px;
}

.float_mokutekis a:focus {background-color:rgba(255,225,0,1);
}
.float_mokutekis a:hover {background-color:rgba(255,225,0,1); position:relative; top:3px;
border-bottom:3px solid #ffffff;
         border-top:1px solid #ffffff;
         border-left:1px solid #ffffff;
         border-right:1px solid #ffffff;
}

@media (max-width: 1160px) {
.service_t_is #service_t_i2{width:32.7%;
}
.service_t_is #service_t_i3{width:32.7%;
}
.service_t_is #service_t_i4{width:33.2%;
}
}

@media (max-width: 1070px) {
#mokuteki_box h2{font-size:36px;
	top:60px;
}
#mokuteki_box h2 img{width:370px;
}

#mokuteki_boxss h2{font-size:36px;
	top:60px;
}

#mokuteki_boxss h2 img{width:370px;
}

#mokuteki_boxs h2{font-size:36px;
	top:60px;
}

#mokuteki_boxs h2 img{width:370px;
}
}

@media (max-width: 1000px) {
#mokuteki_box h2{top:50px;
}
#mokuteki_boxss h2{top:50px;
}
#mokuteki_boxs h2{top:50px;
}
}

@media (max-width: 980px) {
#service_t_i{position: absolute; top:15%;
left: 9%;
}

#service_t_i0{
position: absolute;
top:15%;
left: 9%;
}
}

@media (max-width: 950px) {
#mokuteki_box h2{}

#mokuteki_box h2 img{width:330px;
}

#mokuteki_boxss h2{}

#mokuteki_boxss h2 img{width:330px;
}

#mokuteki_boxs h2{}

#mokuteki_boxs h2 img{width:330px;
}
}

@media (max-width: 916px) {
.service_t_is #service_t_i2{width:32.6%;
}
.service_t_is #service_t_i3{width:32.6%;
}
.service_t_is #service_t_i4{width:33.1%;
}
}

@media (max-width: 900px) {
#mokuteki_box h2{font-size:30px;
}
#mokuteki_boxss h2{font-size:30px;
}
#mokuteki_boxs h2{font-size:30px;
}
}


@media (max-width: 860px) {
#mokuteki_box h2{}
#mokuteki_box h2 img{width:310px;
}

#mokuteki_boxss h2{}

#mokuteki_boxss h2 img{width:310px;
}


#mokuteki_boxs h2{}

#mokuteki_boxs h2 img{width:310px;
}
}

@media (max-width: 820px) {
#service_t_i{position: absolute; top:15%;
left: 9%; font-size:28px;
}

#service_t_i0{margin-top:43px; margin-left:16px;
position: absolute;
top:15%;
left: 9%; font-size:15px; padding:20px 10px 10px 10px;
}

}
@media (max-width: 790px) {
#mokuteki_box h2{top: 40px;
font-size:28px;
}
#mokuteki_box h2 img{width:290px;
}

#mokuteki_boxss h2{top: 40px;
font-size:28px;
}

#mokuteki_boxss h2 img{width:290px;
}

#mokuteki_boxs h2{top: 40px;
font-size:28px;
}

#mokuteki_boxs h2 img{width:290px;
}

#service_t_i{position: absolute; top:15%;
left: 9%; font-size:24px;
}

#service_t_i0{margin-top:36px; margin-left:13px;
position: absolute;
top:15%;
left: 9%; font-size:14px; padding:20px 0px 10px 0px; width:280px;
}
	.service_t_is #service_t_i2{font-size:18px;
}
.service_t_is #service_t_i3{font-size:18px;
}
.service_t_is #service_t_i4{font-size:18px;
}
.service_t_is .color_paddings{font-size:14px;
}

}

@media (max-width: 770px) {
#id_margin{margin-top:25px;
}
}

@media (max-width: 757px) {
.service_t_is #service_t_i2{width:32.5%;
}
.service_t_is #service_t_i3{width:32.5%;
}
.service_t_is #service_t_i4{width:33.0%;
}
}


@media (max-width: 740px) {
#mokuteki_box h2{}
#mokuteki_box h2 img{width:270px;
}

#mokuteki_boxss h2{}

#mokuteki_boxss h2 img{width:270px;
}

#mokuteki_boxs h2{}

#mokuteki_boxs h2 img{width:270px;
}
}

@media (max-width: 700px) {
#mokuteki_box h2{top: 40px;
font-size:26px;
}
#mokuteki_box h2 img{width:250px;
}

#mokuteki_boxss h2{top: 40px;
font-size:26px;
}

#mokuteki_boxss h2 img{width:250px;
}

#mokuteki_boxs h2{top: 40px;
font-size:26px;
}

#mokuteki_boxs h2 img{width:250px;
}

#service_t_i{position: absolute; top:20%;
left: 9%;
}

#service_t_i0{
position: absolute;
top:20%;
left: 9%;
}

}

@media (max-width: 650px) {
.d_ii_m .float_mokutekis{
padding-top:0px;
}

.float_mokutekis .left-kodawari{margin-top:5px;
}


#mokuteki_box #mokuteki_one{width:100%;
	padding-top:10px;
	position: static;
}
#mokuteki_box h2{width:100%; text-align:center; background-color:rgba(255,255,255,0.6); padding:10px 0;
top: 31%;
     left: 0%}
#mokuteki_box h2 img{width:100%;
}

#mokuteki_boxss #mokuteki_ones{width:100%; margin-top:10px;
	position: static;
}
#mokuteki_boxss h2{width:100%; text-align:center; background-color:rgba(255,255,255,0.6); padding:10px 0;
top: 31%;
right: 0%}
#mokuteki_boxss h2 img{width:100%;
}

#mokuteki_boxs #mokuteki_ones{width:100%; margin-top:10px;
	position: static;
}
#mokuteki_boxs h2{width:100%; text-align:center; background-color:rgba(255,255,255,0.6); padding:10px 0;
top: 31%;
left: 0%}
#mokuteki_boxs h2 img{width:100%;
}
}

@media (max-width: 645px) {
.service_t_is #service_t_i2{width:32.4%;
}
.service_t_is #service_t_i3{width:32.4%;
}
.service_t_is #service_t_i4{width:32.9%;
}
}

@media (max-width: 563px) {
.service_t_is #service_t_i2{width:32.3%;
}
.service_t_is #service_t_i3{width:32.3%;
}
.service_t_is #service_t_i4{width:32.8%;
}
}

@media (max-width: 500px) {
.service_t_is #service_t_i2{font-size:17px;
}
.service_t_is #service_t_i3{font-size:17px;
}
.service_t_is #service_t_i4{font-size:17px;
}
.service_t_is .color_paddings{font-size:13px;
}
#service_t_i0{
width:200px;
padding:20px 0px 10px 0px;
}

#tyugaku_border {font-size:16px;
}

.float_mokutekis .p_k_boxs{font-size:14px;
}
	#mokuteki_box h2{padding:5px 0 1px 0;
top: 27%;
}
#mokuteki_boxss h2{padding:5px 0 1px 0;
top: 27%;
}
#mokuteki_boxs h2{padding:5px 0 1px 0;
top: 27%;
}
}

@media (max-width: 499px) {
.service_t_is #service_t_i2{width:32.2%;
}
.service_t_is #service_t_i3{width:32.2%;
}
.service_t_is #service_t_i4{width:32.7%;
}
}

@media (max-width: 449px) {
.service_t_is #service_t_i2{width:32.1%; font-size:16px;
}
.service_t_is #service_t_i3{width:32.1%; font-size:16px;
}
.service_t_is #service_t_i4{width:32.8%; font-size:16px;
}
.service_t_is .color_paddings{font-size:12px;
}
	#mokuteki_box h2{top: 25%;
}
#mokuteki_boxss h2{top: 25%;
}
#mokuteki_boxs h2{top: 25%;
}
}

@media (max-width: 435px) {
.service_t_is #service_t_i2{width:32%;
}
.service_t_is #service_t_i3{width:32%;
}
.service_t_is #service_t_i4{width:32.7%;
}
}



@media (max-width: 430px) {
.float_mokutekis a{
         width:220px;
         padding:5px;
}
}

@media (max-width: 420px) {

.service_t_is .color_paddings{display:none;
}

#service_t_i{position: absolute; top:10%;
left: 5%;
}

#service_t_i0{
position: absolute;
top:10%;
left: 5%;
}

}

@media (max-width: 397px) {
.service_t_is #service_t_i2{width:31.9%;
}
.service_t_is #service_t_i3{width:31.9%;
}
.service_t_is #service_t_i4{width:32.6%;
}
}
@media (max-width: 390px) {
#mokuteki_box h2{font-size:22px; top: 24%;
}
#mokuteki_boxss h2{font-size:22px; top: 24%;
}
#mokuteki_boxs h2{font-size:22px; top: 24%;
}
}

@media (max-width: 365px) {
.service_t_is #service_t_i2{width:31.8%;
}
.service_t_is #service_t_i3{width:31.8%;
}
.service_t_is #service_t_i4{width:32.5%;
}
}

@media (max-width: 338px) {
#service_t_i{position: absolute; top:8%;
left: 3%;
}
#service_t_i0{
position: absolute;
top:8%;
left: 3%;
}
.service_t_is #service_t_i2{width:31.7%; font-size:15px;
}
.service_t_is #service_t_i3{width:31.7%; font-size:15px;
}
.service_t_is #service_t_i4{width:32.4%; font-size:15px;
}
}

/* -------------------------------------- 村上給食のこだわりページ ------------------------------ */
#commitment_t{
	position: absolute; top:20%;
	left: 9%; z-index:20;

/*
	font-size:36px;
	font-weight:bold; 
	color:#000000; 
	text-shadow:1px 1px 2px #ffffff; 
	line-height:1.666;
*/
	color:#f24848; 
	border-bottom:1px solid rgba(242,72,72,1);
	padding-bottom:7px;
	font-size:32px;
	font-weight:bold;
	text-shadow:1px 1px 10px #ffffff; color:rgba(242,72,72,1);
}


#commitment_t0{margin-top:56px; margin-left:20px;
position: absolute;
top:20%;
left: 9%;
z-index:0;
text-align:center;
font-weight: bold;
font-size:16px;
width:400px;
padding:30px 35px 10px 35px;
background-color:rgba(255,225,0,0.6);
color:#3f2615; 
	line-height:1.7;
}

.commitment_ts{position: absolute; bottom:-10px; width:100%; text-align:center; background-color:rgba(0,0,0,0.3); 
	line-height:0.9}
.commitment_ts #commitment_t2{width:32.8%; display:inline-block; padding:10px 0 0 0; color:rgba(255,225,0,1);
border-right:1px solid rgba(255,255,255,0.6); font-size:20px;
}
.commitment_ts #commitment_t3{width:32.8%; display:inline-block; font-size:20px;
border-right:1px solid rgba(255,255,255,0.6); padding:10px 0 0 0; color:rgba(255,225,0,1);
}
.commitment_ts #commitment_t4{width:33.3%; display:inline-block; padding:10px 0 0 0; color:rgba(255,225,0,1);
font-size:20px;
}

.commitment_ts .color_paddings{margin:0; padding:5px 0 0 0; font-size:15px; color:#84be00; display:block; text-shadow:1px 1px 1px #000000;
}
.commitment_ts i{display:block;
}
.commitment_ts #commitment_t2:hover{}
.commitment_ts #commitment_t3:hover{}
.commitment_ts #commitment_t4:hover{}




.d_ii_m {max-width:1000px;
	height:auto;
	background-color:#ffffff;
color:rgba(0,0,0,0.9);
	margin:30px auto 50px auto;
	padding:0px 20px 15px 20px;
	 /* box-shadow */
box-shadow:0px 0px 10px 1px #dfdfdf;
-moz-box-shadow:0px 0px 10px 1px #dfdfdf;
-webkit-box-shadow:0px 0px 10px 1px #dfdfdf;
}




#kodawari_box{
	position: relative; 
/*
	height:360px;
*/
	height:270px;
}

#kodawari_box h1 {
	border-bottom:1px dashed rgba(242,72,72,0.6); 
	padding-top:10px; 
	padding-bottom:5px; 
	margin-top:0px; 
	margin-bottom:10px;
	text-align:center; 
/*
	color:#8a583b; 
	font-size:40px;
*/
	color:#f24848; 
	font-size:26px; 
}

#kodawari_box #img_text1{
	margin-left:50px; margin-top:30px; display:inline-block;
	color:#8a583b; 
/*
	font-size:40px; 
*/
	font-size:26px; 
	font-weight:bold;
}
#kodawari_box #img_text1 #midoriku0{
	font-size:20px; 
	color:#84be00; 
	position: relative;
	bottom:8px; left:15px;
}


#kodawari_box #img_text00{position: absolute;
     top: 30px;
     right: 10px;
}

#kodawari_box h2{position: absolute;
     top: 100px;
     right: 170px;
     text-align:center;
     font-weight:normal;
     font-size:30px;
     color:#8a583b;
}


#kodawari_box #img_text2{
	position: absolute;
	bottom: 20px;
	left: 6%; width:330px;
}

#back_rekishi2 .p_k_boxs{
	margin-left:2%; 
	margin-right:2%; 
	line-height:2.5; 
	color:#000000; 
	font-size:16px;
/*
text-shadow:1px 1px 10px #8a583b;
*/
}

#back_rekishi1{
 /*
background-image:url("images/kodawari1.jpg");
background-repeat: no-repeat;
background-position:center;
background-size:cover;
*/
}


#back_rekishi2{
/*
background: linear-gradient(-45deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
*/
padding:30px 30px 30px 30px;
 /* box-shadow */
box-shadow:0px 0px 10px 1px rgba(138,88,59,0.8);
-moz-box-shadow:0px 0px 10px 1px rgba(138,88,59,0.8);
-webkit-box-shadow:0px 0px 10px 1px rgba(138,88,59,0.8);
border:4px solid rgba(138,88,59,0.4);
}



.float_mokuteki .left-kodawari{font-size:16px;
	   border-left:10px solid rgba(255,225,0,1);
	   color:#000000;
	   padding-left:10px;
	   padding-top:5px;
	   padding-bottom:5px;
	   background-color: rgba(255,225,0,0.2);
}


.d_ii_m .float_mokuteki{width:102%;
margin-left:-1%;
padding-top:30%;
padding-right:0%;
padding-left:0%;
line-height:2.5;
        }

.float_mokuteki .p_k_boxs{padding-left:2%;
padding-right:3%;
}


#kodawari_boxs{position: relative;
}

#kodawari_boxs #two-text{position: absolute;
     top: 10px;
     right: 10px; 
     display: inline-block;
transform: rotate( -10deg );
-moz-transform:    rotate( -10deg );  /* Firefox用 */
-webkit-transform: rotate( -10deg );  /* Chrome,Safari,新しいOpera用 */
-o-transform:      rotate( -10deg );  /* 古いOpera用 */
-ms-transform:     rotate( -10deg );  /* IE9用 */
}

#kodawari_boxs h2{position: absolute;
	top: 90px; right:0; 
	color:#8a583b; 
/*
	font-size:40px; 
*/
	font-size:26px; 
	width:49%;
	padding-left:1%; text-align:center;
}
#kodawari_boxs h2 img{width:450px;
}

#kodawari_boxs #kodawari_ones{width:50%;
	position: absolute;
     top: 8px;
     left: -8px;
}

.left-kodawaris{font-size:16px; position: relative;
border-left:10px solid rgba(237,30,121,0.8);
	   color:#000000;
	   padding-left:10px;
	   padding-top:5px;
	   padding-bottom:5px;
	   background-color:rgba(237,30,121,0.1);
}

#kodawari_boxe{position: relative;
}
#kodawari_boxe #three-text{position: absolute;
     top: 10px;
     left: 10px;
transform: rotate( 10deg );
-moz-transform:    rotate( 10deg );  /* Firefox用 */
-webkit-transform: rotate( 10deg );  /* Chrome,Safari,新しいOpera用 */
-o-transform:      rotate( 10deg );  /* 古いOpera用 */
-ms-transform:     rotate( 10deg );  /* IE9用 */
}


#kodawari_boxe h2{position: absolute;
top: 100px;
	padding-right:1%;
	width:49%; text-align:center;
/*
	font-size:40px; 
*/
	font-size:26px; 
	color:#8a583b; 
}
.midoriku{font-size:20px; display:block; text-align:center; color:#84be00;
}

#kodawari_boxe h2 img{width:450px;
}


#kodawari_boxe #kodawari_onee{width:50%;
	position: absolute;
     top: 10px;
     left: 50.8%;
}





.float_mokuteki .left-kodawarie{font-size:16px;
	   border-left:10px solid rgba(237,28,36,0.8);
	   color:#000000;
	   padding-left:10px;
	   padding-top:5px;
	   padding-bottom:5px;
	   background-color:rgba(237,28,36,0.1);
}



.f_weight {font-weight:bold;
}

#m_m_m{padding-top:31.9%;
}


/* -----こだわりアコディオン修正-----*/
.menu_m_a label {
 text-shadow: 1px 1px 1px #ffffff;
color: #000000;
  padding: 10px;
  display: block;
  margin: 0;
 font-size:19px;
  border: 1px solid #fff;
 text-align:center;
cursor: pointer;
}

.menu_m_a label i{padding-left:5px;
}

#back_color_0{background: linear-gradient(-45deg, rgba(255,225,0,0.3), rgba(255,225,0,0.9));
}
#back_color_1{background: linear-gradient(45deg, rgba(255,225,0,0.3), rgba(255,225,0,0.9));
}
#back_color_2{background: linear-gradient(-45deg, rgba(255,225,0,0.3), rgba(255,225,0,0.9));
}
#back_color_3{background: linear-gradient(45deg, rgba(255,225,0,0.3), rgba(255,225,0,0.9));
}
#back_color_4{background: linear-gradient(-45deg, rgba(255,225,0,0.3), rgba(255,225,0,0.9));
}
#back_color_5{background: linear-gradient(45deg, rgba(255,225,0,0.3), rgba(255,225,0,0.9));
}
#back_color_6{background: linear-gradient(-45deg, rgba(255,225,0,0.3), rgba(255,225,0,0.9));
}
#back_color_7{background: linear-gradient(45deg, rgba(255,225,0,0.3), rgba(255,225,0,0.9));
}


#back_color_0:hover{background-color:rgba(255,225,0,1); text-shadow:none; color:rgba(237, 90, 7, 1);
}
#back_color_1:hover{background-color:rgba(255,225,0,1); text-shadow:none; color:rgba(237, 90, 7, 1);
}
#back_color_2:hover{background-color:rgba(255,225,0,1); text-shadow:none; color:rgba(237, 90, 7, 1);
}
#back_color_3:hover{background-color:rgba(255,225,0,1); text-shadow:none; color:rgba(237, 90, 7, 1);
}
#back_color_4:hover{background-color:rgba(255,225,0,1); text-shadow:none; color:rgba(237, 90, 7, 1);
}
#back_color_5:hover{background-color:rgba(255,225,0,1); text-shadow:none; color:rgba(237, 90, 7, 1);
}
#back_color_6:hover{background-color:rgba(255,225,0,1); text-shadow:none; color:rgba(237, 90, 7, 1);
}
#back_color_7:hover{background-color:rgba(255,225,0,1); text-shadow:none; color:rgba(237, 90, 7, 1);
}


.menu_m_a input[type="checkbox"].on-off{
  display: none;
}

.menu_m_a ul {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu_m_a li {padding:0 5px 0 0;
border:4px solid rgba(255,225,0,0.4); margin:20px 0px 20px 0px;
}

#sukuro_none{padding-left:10px}

.menu_m_a li img{float:left;
	   padding:0px 20px 0px 0px;
}

.menu_m_a li:after{
    display: block;
    clear: left;
    content: "";
}


.menu_m_a input[type="checkbox"].on-off + #sukurobox{
  height: 0;
  overflow: hidden;
}

.menu_m_a input[type="checkbox"].on-off:checked + #sukurobox{
  height: auto;
}

@media (max-width: 1160px) {
.commitment_ts #commitment_t2{width:32.7%;
}
.commitment_ts #commitment_t3{width:32.7%;
}
.commitment_ts #commitment_t4{width:33.2%;
}
}

@media (max-width: 1070px) {
#back_rekishi1{
 /*

	background-image:url("images/kodawari10.jpg");
	background-position:center;
*/
}

#kodawari_box{
	position: relative; 
/*
	height:330px;
*/
	height:240px;
}


#kodawari_box h2{
	position: absolute;
	top: 90px; font-size:28px;
	right:100px;
}

.d_ii_m{width:80%}

#kodawari_box #img_text1{font-size:36px;
}

#kodawari_boxs h2{top: 70px; font-size:36px;
}
#kodawari_boxs h2 img{width:370px;
}

#kodawari_boxe h2{
	position: absolute;
	top: 70px;
	font-size:36px;
}
#kodawari_boxe h2 img{width:370px;
}

#m_m_m{padding-top:32.5%;
}

#sukurobox ul #sukurobox1{overflow-x: scroll;
}

#sukurobox ul #sukurobox1 #sukurobox0{width:1000px; padding:0 10px 0 0;
}
}

@media (max-width: 1000px) {
#kodawari_box h2{
     top: 120px;
right:50px;
}
#kodawari_boxs h2{top:60px;
}
}

@media (max-width: 980px) {
#commitment_t{position: absolute; top:15%;
left: 9%;
}

#commitment_t0{margin-top:56px; margin-left:17px;
position: absolute;
top:15%;
left: 9%;
}



#kodawari_box h2{font-size:26px;
}

#kodawari_box #img_text1{}

#kodawari_boxs h2{}
#kodawari_boxs h2 img{width:340px;
}

#kodawari_boxe h2{position: absolute;
top: 70px;
}
#kodawari_boxe h2 img{width:340px;
}
}

@media (max-width: 916px) {
.commitment_ts #commitment_t2{width:32.6%;
}
.commitment_ts #commitment_t3{width:32.6%;
}
.commitment_ts #commitment_t4{width:33.1%;
}
}

@media (max-width: 900px) {
#kodawari_boxs h2{top: 58px;
font-size:30px;
}

#kodawari_box #img_text1{font-size:30px;
}
#kodawari_box #img_text1 #midoriku0{font-size:19px; bottom:4px; left:10px;
}

#kodawari_boxs h2 img{width:320px;
}

#kodawari_boxe h2{position: absolute;
top: 60px; 
font-size:30px;
}
.midoriku{font-size:19px;
}

	#kodawari_boxe h2 img{width:320px;
}
}

@media (max-width: 890px) {
#kodawari_box h2{right:20px;
}
}

@media (max-width: 850px) {
#kodawari_box{
	position: relative; 
/*
	height:300px;
*/
	height:210px;
}

#kodawari_box #img_text00{position: absolute;
     top: 20px;
}

#kodawari_box h2{font-size:24px;
     position: absolute;
      top: 110px;
     right: 20px;
}

#kodawari_box #img_text1{}

#kodawari_box #img_text2 {
  left: 4%;
  width: 300px;
}

#kodawari_boxs h2{}
#kodawari_boxs h2 img{width:300px;
}

#kodawari_boxe h2{position: absolute;
top: 60px;
}
	#kodawari_boxe h2 img{width:300px;
}
}

@media (max-width: 820px) {
#commitment_t{position: absolute; top:12%;
left: 9%; font-size:28px;
}

#commitment_t0{margin-top:43px; margin-left:13px;
position: absolute;
top:12%;
left: 9%; padding:20px 5px 10px 5px; font-size:15px;
}
}

@media (max-width: 790px) {
.commitment_ts #commitment_t2{font-size:16px;
}
.commitment_ts #commitment_t3{font-size:16px;
}
.commitment_ts #commitment_t4{font-size:16px;
}
.commitment_ts .color_paddings{font-size:14px;
}	

#commitment_t{position: absolute; top:12%;
left: 9%; font-size:24px;
}

#commitment_t0{margin-top:38px; margin-left:12px;
position: absolute;
top:12%;
left: 9%; padding:20px 0px 10px 0px; font-size:14px; width:370px;
}


#kodawari_boxs h2{top: 55px;
font-size:28px;
}

#kodawari_box #img_text1{font-size:28px;
}

#kodawari_boxs h2 img{width:280px;
}

#kodawari_boxe h2{position: absolute;
top: 60px; font-size:28px;
}
	#kodawari_boxe h2 img{width:280px;
}
}

@media (max-width: 770px) {
#kodawari_box #img_text1 #midoriku0{font-size:16px; bottom:4px; left:10px;
}
	#back_rekishi2{padding:5px;
}
#kodawari_box{
/*
	height:280px;
*/
	height:190px;
}

#kodawari_box #img_text00{position: absolute;
width:35px;
}

#kodawari_box #img_text2 {
  left: 3%;
  width: 270px;
}

#kodawari_box h2{font-size:22px;
     right: 20px;
}

#three-text{width:35px;
}
#two-text{width:35px;
}
#kodawari_boxe h2{top: 50px;
}
#kodawari_boxs h2{top: 47px;
}
.midoriku{font-size:16px;
}
}


@media (max-width: 757px) {
.commitment_ts #commitment_t2{width:32.5%;
}
.commitment_ts #commitment_t3{width:32.5%;
}
.commitment_ts #commitment_t4{width:33.0%;
}
}

@media (max-width: 750px) {
#kodawari_box{
/*
	height:270px;
*/
	height:180px;
}
#kodawari_box #img_text1{}

#kodawari_boxs h2{}
#kodawari_boxs h2 img{width:260px;
}

#kodawari_boxe h2 img{width:260px;
}
}

@media (max-width: 700px) {
#commitment_t{position: absolute; top:25%;
left: 9%;
}

#commitment_t0{margin-top:36px; margin-left:13px;
position: absolute;
top:25%;
left: 9%;
}


#kodawari_box{
	position: relative; 
/*
	height:260px;
*/
	height:170px;
}

#kodawari_box #img_text00{width:30px;
}

#kodawari_box h2{font-size:20px;
      top: 100px;
     right: 20px;
}
#kodawari_box #img_text2{
width:250px;
}

#three-text{width:30px;
}
#two-text{width:30px;
}

#kodawari_box #img_text1{font-size:26px;
}
#kodawari_box #img_text1 #midoriku0{font-size:14px; bottom:4px; left:10px;
}

#kodawari_boxs h2{font-size:26px;
}
#kodawari_boxs h2 img{width:240px;
}

#kodawari_boxe h2{font-size:26px; top:45px;
}
#kodawari_boxs h2 img{width:240px;
}
	.midoriku{font-size:14px;
}
}

@media (max-width: 650px) {

#kodawari_box{
	position: relative; 
	height:100%; 
	text-align:center;
}

#kodawari_box #img_text1{width:100%; margin:10px 0 0 0;
	padding-top:10px;
}

#kodawari_box #img_text00{position: absolute;
     top: 10px;
     right: 95%; width:30px;
transform: rotate( 10deg );
-moz-transform:    rotate( 10deg );  /* Firefox用 */
-webkit-transform: rotate( 10deg );  /* Chrome,Safari,新しいOpera用 */
-o-transform:      rotate( 10deg );  /* 古いOpera用 */
-ms-transform:     rotate( 10deg );  /* IE9用 */}


#kodawari_box #img_text2{position: static; margin-bottom:20px;
width:95%;
}

#kodawari_box h2{font-size:20px; margin-bottom:10px; margin-top:5px;
position: static;
}


.d_ii_m .float_mokuteki{
padding-top:0;
}

.float_mokuteki .left-kodawari{margin-top:5px;
}

#kodawari_boxs h2{position: absolute;
top: 31%;
width:100%; text-align:center; background-color:rgba(255,255,255,0.6); padding:10px 0 10px 0;
}
#kodawari_boxs h2 img{width:100%;
}

#kodawari_boxs #kodawari_ones{width:100%; margin-top:10px;
	position: static;
}


#kodawari_boxe h2{position: absolute;
top: 31%;
left: 0%;
width:100%; text-align:center; padding:10px 0 10px 0; background-color:rgba(255,255,255,0.6);
}
.midoriku{text-shadow:1px 1px 1px #000000;
}
#kodawari_boxe h2 img{width:100%;
}


#kodawari_boxe #kodawari_onee{width:100%; margin-top:10px;
	position: static;
}

#m_m_m{padding-top:5px;
}


.menu_m_a li img{float:none; padding:0; vertical-align: bottom;
}

#sukurobox_img_all{border:4px solid #ffffff; max-width:458px; 
	height:auto; margin:0 auto; text-align:center;
/* box-shadow */
box-shadow:0px 0px 10px 1px #dfdfdf;
-moz-box-shadow:0px 0px 10px 1px #dfdfdf;
-webkit-box-shadow:0px 0px 10px 1px #dfdfdf;
background: linear-gradient(-45deg, rgba(252, 193, 2, 0.1), rgba(255, 255, 255, 0.1)); 
}

#sukurobox ul #sukurobox1{overflow-x: visible;
}

#sukurobox ul #sukurobox1 #sukurobox0{width:98%; padding:1%;
}

#sukurobox1{padding-right:0;
}
}

@media (max-width: 645px) {
.commitment_ts #commitment_t2{width:32.4%;
}
.commitment_ts #commitment_t3{width:32.4%;
}
.commitment_ts #commitment_t4{width:32.9%;
}
}

@media (max-width: 585px) {
#sukurobox_img_all{border:none; margin:0;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}

#sukurobox ul #sukurobox1 #sukurobox0{width:100%; padding:0;
}
.sukurobox_img_all_p{padding:0 5px;
}

}

@media (max-width: 563px) {
.commitment_ts #commitment_t2{width:32.3%;
}
.commitment_ts #commitment_t3{width:32.3%;
}
.commitment_ts #commitment_t4{width:32.8%;
}
}

@media (max-width: 550px) {
.commitment_ts #commitment_t2{font-size:17px;
}
.commitment_ts #commitment_t3{font-size:17px;
}
.commitment_ts #commitment_t4{font-size:17px;
}
.commitment_ts .color_paddings{font-size:13px;
}
}

@media (max-width: 500px) {
#commitment_t{position: absolute; top:20%;
left: 5%;
}

#commitment_t0{margin-top:36px; margin-left:13px; padding:20px 0px 10px 0px;
width:230px;
position: absolute;
top:20%;
left: 5%;
}
#kodawari_dis_none{display:none;
}

.d_ii_m .float_mokuteki{padding-top:0%;
}
#back_rekishi2{padding:0px;
}
#back_rekishi2 .p_k_boxs{font-size:16px;
}
.float_mokuteki .p_k_boxs{font-size:14px;
}
.float_mokuteki .left-kodawari, .float_mokuteki .left-kodawaris, .float_mokuteki .left-kodawarie{font-size:16px;
}
.menu_m_a li{font-size:14px;
}
	#kodawari_boxe h2{padding:5px 0 1px 0; top:29%}
#kodawari_boxs h2{padding:5px 0 1px 0; top:29%}
}

@media (max-width: 499px) {
.commitment_ts #commitment_t2{width:32.2%; font-size:15px;
}
.commitment_ts #commitment_t3{width:32.2%; font-size:15px;
}
.commitment_ts #commitment_t4{width:32.7%; font-size:15px;
}
.commitment_ts .color_paddings{font-size:12px;
}	
}

@media (max-width: 470px) {
.commitment_ts #commitment_t2{font-size:14px;
}
.commitment_ts #commitment_t3{font-size:14px;
}
.commitment_ts #commitment_t4{font-size:14px;
}
}

@media (max-width: 449px) {
.commitment_ts #commitment_t2{width:32.1%;
}
.commitment_ts #commitment_t3{width:32.1%;
}
.commitment_ts #commitment_t4{width:32.6%;
}

	#kodawari_boxe h2{top:25%;
}
#kodawari_boxs h2{top:25%;
}
}

@media (max-width: 420px) {
#kodawari_box h2{font-size:16px;
}
.commitment_ts .color_paddings{display:none;
}
}

@media (max-width: 409px) {
.commitment_ts #commitment_t2{width:32%;
}
.commitment_ts #commitment_t3{width:32%;
}
.commitment_ts #commitment_t4{width:32.5%;
}
}

@media (max-width: 405px) {
.commitment_ts #commitment_t2{font-size:12px;
}
.commitment_ts #commitment_t3{font-size:12px;
}
.commitment_ts #commitment_t4{font-size:12px;
}
}

@media (max-width: 390px) {
#kodawari_box #img_text1{font-size:22px;
	padding-top:5px;
}
#kodawari_box h2{font-size:17px;
}
#kodawari_box #img_text00{width:25px;
}

#three-text{width:25px;
}
#two-text{width:25px;
}

#kodawari_boxe h2{font-size:22px;
}
#kodawari_boxs h2{font-size:22px;
}
}

@media (max-width: 375px) {
.commitment_ts #commitment_t2{width:31.9%;
}
.commitment_ts #commitment_t3{width:31.9%;
}
.commitment_ts #commitment_t4{width:32.4%;
}
}

@media (max-width: 350px) {
.commitment_ts #commitment_t2{font-size:11px;
}
.commitment_ts #commitment_t3{font-size:11px;
}
.commitment_ts #commitment_t4{font-size:11px;
}
}

@media (max-width: 348px) {
.commitment_ts #commitment_t2{width:31.8%;
}
.commitment_ts #commitment_t3{width:31.8%;
}
.commitment_ts #commitment_t4{width:32.3%;
}

#commitment_t{position: absolute; top:15%;
left: 2%;
}

#commitment_t0{
position: absolute;
top:15%;
left: 2%;
}

#kodawari_boxe h2{top:22%;
}
}


@media (max-width: 330px) {
#kodawari_box #img_text00{width:20px;
}
#three-text{width:20px;
}
#two-text{width:20px;
} 

}

@media (max-width: 325px) {
.commitment_ts #commitment_t2{font-size:10px;
}
.commitment_ts #commitment_t3{font-size:10px;
}
.commitment_ts #commitment_t4{font-size:10px;
}
}

@media (max-width: 322px) {
.commitment_ts #commitment_t2{width:31.7%;
}
.commitment_ts #commitment_t3{width:31.7%;
}
.commitment_ts #commitment_t4{width:32.2%;
}
}


/* -------------------------------------- 会社情報ページ ------------------------------ */

.map_link_t{position: fixed; top:150px; right:0px; z-index:1000;
border-radius:7px 0 0 7px; 
background-color:rgba(255,225,0,0.7);
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}

.map_link_t a{color:#000000; font-weight:bold; font-size:20px; padding:10px 5px; display:inline-block;
transition: .8s; text-shadow:1px 1px 1px #ffffff;
}

.map_link_t a:after {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
padding-top: 5px;
content: "\f278";
}

.map_link_t a:hover{color:rgba(237, 90, 7, 1);
}

#company_t_i{position: absolute;
	bottom: 55%;
	left: 9%;
	border-bottom:1px solid rgba(0, 0, 0, 1);
	padding-bottom:8px; 
	font-size:36px;
	font-weight:bold; 
	text-shadow:1px 1px 1px #ffffff; color:rgba(0, 0, 0, 1);
}

#company_t_i2{display:block;
position: absolute;
bottom: 47%;
padding:0px 5px 2px 9%; width:262px; text-align:right; text-shadow:1px 1px 1px #ffffff;
font-size:16px; font-weight:bold; background-color:rgba(255,225,0,0.7);
color:#000000;
}
#company_t_i2:before{position: relative;
bottom:25px;
right:-95px;
font-family: FontAwesome;
font-style: normal;
font-weight: bold;
font-size:30px;
content: "\f00c"; color:#ffffff; text-shadow:1px 1px 1px #8a583b;
}

#company_t_i3{display:block;
position: absolute;
         bottom: 32%;
padding:0px 5px 2px 9%; width:262px; text-align:right; text-shadow:1px 1px 1px #ffffff;
font-size:16px; font-weight:bold; background-color:rgba(255,225,0,0.7);
color:#000000;
}
#company_t_i3:before{position: relative;
bottom:25px;
right:-59px;
font-family: FontAwesome;
font-style: normal;
font-weight: bold;
font-size:30px;
content: "\f00c"; color:#ffffff; text-shadow:1px 1px 1px #8a583b;
}

#company_t_i4{display:block;
position: absolute;
         bottom: 17%;
padding:0px 5px 2px 9%; width:262px; text-align:right; text-shadow:1px 1px 1px #ffffff;
font-size:16px; font-weight:bold; background-color:rgba(255,225,0,0.7);
color:#000000;
}
#company_t_i4:before{position: relative;
bottom:25px;
right:-185px;
font-family: FontAwesome;
font-style: normal;
font-weight: bold;
font-size:30px;
content: "\f00c"; color:#ffffff; text-shadow:1px 1px 1px #8a583b;
}

#company_t_i2:hover{color:rgba(237, 90, 7, 1);
}
#company_t_i3:hover{color:rgba(237, 90, 7, 1);
}
#company_t_i4:hover{color:rgba(237, 90, 7, 1);
}




.company_box {
	max-width:1000px;
	height:auto;
	background-color:#ffffff;
	color:rgba(0,0,0,1);
	margin:25px auto 50px auto;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	/* box-shadow */
	box-shadow:0px 0px 10px 1px #dfdfdf;
	-moz-box-shadow:0px 0px 10px 1px #dfdfdf;
	-webkit-box-shadow:0px 0px 10px 1px #dfdfdf;
}

.company_box h1 {
	border-bottom:1px dashed rgba(242,72,72,0.6); 
	padding-top:10px; 
	padding-bottom:5px; 
	margin-top:0px; 
	margin-bottom:10px;
	text-align:center; 
/*
	color:#8a583b; 
	font-size:40px;
*/
	color:#f24848; 
	font-size:26px; 
}

.company_box h1 img{vertical-align: bottom; width:450px; margin-top:-22px;
}


.fixeds .f_dis_none{display:none}
.fixeds {top:100px;
 -ms-writing-mode: lr-tb;
}
.fixeds #fixed_a_s:after {
padding-top: 0px;
}



@media (max-width: 1070px) {
.company_box h1 {font-size:36px;
}
.company_box h1 img{width:370px; margin-top:-17px;
}
}

@media (max-width: 950px) {
.company_box h1 img{width:330px; margin-top:-14px;
}
}

@media (max-width: 900px) {
.company_box h1 {font-size:30px;
}
}

@media (max-width: 860px) {
.company_box h1 img{width:310px; margin-top:-11px;
}
}

@media (max-width: 790px) {
.company_box h1 {font-size:28px;
}
.company_box h1 img{width:290px; margin-top:-10px;
}
}

@media (max-width: 740px) {
#com_mar{margin-top:7px;
}
.company_box h1{
	position:relative; top:0px; margin-bottom:10px;
}
.company_box h1 img{width:270px;
}
}

@media (max-width: 700px) {
.company_box h1 {font-size:26px;
}
.company_box h1 img{width:250px;
}
}
@media (max-width: 390px) {
.company_box h1 {font-size:22px;
}
}

.company_box table{width:100%;
}
.company_box th{width:33%;
background-color: rgba(255,225,0,1);
	  border-bottom:1px solid #cccccc;
border-left:1px solid #cccccc;
	  padding:10px 0;
	  color:#000000;
font-weight:normal;
text-shadow: 1px 1px 1px #ffffff;
}

.company_box td{width:66%;
	  border-bottom:1px solid #cccccc;
	  border-right:1px solid #cccccc;
	  padding:10px 0 10px 10px;
}




.company_box h2 {font-size:16px;
	   font-weight:normal;
	   color:#000000;
	   border-left:10px solid rgba(255,225,0,1);
	   padding-left:10px;
	   padding-top:5px;
	   padding-bottom:5px;
	   background-color: rgba(181,181,182,0.1);
}

.company_box ol{margin-left:-33px;
}

.company_box ol li{border-bottom:1px solid #cccccc;
	     list-style:none;
	     margin-right:1%;
	     padding:10px 0 10px 10px;
	     list-style-position:inside;
}
.company_box ol li .p_sukima{padding-left:50px;
}
.company_box ol .f_c_t{color:#000000;
	         }

#t_m_t table{margin-bottom:15px;
         }




.waku_sen h2 i{padding-right:5px;
}
.waku_sen h2 {margin:0 10px 0 0;
}

#iframe_box iframe{height:450px; vertical-align: bottom;
}

@media (max-width: 1150px) {

#company_t_i{position: absolute;
         bottom: 60%;
         left: 9%;
}

#company_t_i2{position: absolute;
         bottom: 51%;
}

#company_t_i3{position: absolute;
         bottom: 30%;
}

#company_t_i4{position: absolute;
         bottom: 10%;
}
}
@media (max-width: 1040px) {
.company_box {width:80%;
}
}

@media (max-width: 820px) {
#company_t_i{position: absolute;
         bottom: 63%;
         left: 9%;
font-size:28px;
}

#company_t_i2{position: absolute;
         bottom: 52%; 
width:230px;
}

#company_t_i3{position: absolute;
         bottom: 30%;
width:230px;
}

#company_t_i4{position: absolute;
         bottom: 9%;
width:230px;
}
}

@media (max-width: 790px) {
#company_t_i{position: absolute;
         bottom: 67%;
         left: 9%;
font-size:24px;
}

#company_t_i2{position: absolute;
         bottom: 54%;
font-weight:normal; width:215px;
}

#company_t_i3{position: absolute;
         bottom: 31%;
font-weight:normal; width:215px;
}

#company_t_i4{position: absolute;
         bottom: 8%;
font-weight:normal; width:215px;
}

.map_link_t .f_dis_none{display:none}
.map_link_t{
-webkit-writing-mode: lr-tb;
-ms-writing-mode: lr-tb;
writing-mode: lr-tb;
}

.map_link_t a{display:inline-block; width:25px; 
	height:20px; vertical-align:top;
	padding-left:10px;
}
.map_link_t a:after {position:relative; bottom:5px;
}

.fixeds a:after {position:relative; bottom:5px;
}

.company_box {width:90%;
}
#iframe_box iframe{height:400px;
}
}

@media (max-width: 640px) {
.honsya_call{display:block;
}
}

@media (max-width: 560px) {
.company_box ol li{font-size:14px;
}
}
@media (max-width: 500px) {
.company_box table tr th, .company_box table tr td{font-size:14px;
}
.company_box ol li .p_sukima{padding-left:10px;
}
#iframe_box iframe{height:350px;
}
}
@media (max-width: 460px) {
.company_box ol li{font-size:12px;
}
.company_box ol li{padding-left:101px; text-indent:-101px}
.company_box ol li .p_sukima{padding-left:5px;
}
}

@media (max-width: 450px) {
.map_link_t{top:80px;
}

#company_t_i2{padding-top:1px;
	padding-bottom:1px;
}   
#company_t_i2:before{
bottom:20px;
right:-90px;
font-size:22px;
}

#company_t_i3{padding-top:1px;
	padding-bottom:1px;
}          
#company_t_i3:before{
bottom:20px;
right:-54px;
font-size:22px;
}

#company_t_i4{padding-top:1px;
	padding-bottom:1px;
}
#company_t_i4:before{
bottom:20px;
right:-180px;
font-size:22px;
}
}

@media (max-width: 420px) {
#company_t_i{padding-bottom:1px;
         left: 5%;
}

#company_t_i2{
         bottom: 55%;
 width:215px;
	padding-left:5%;
}

#company_t_i3{
         bottom: 32%;
 padding-left:5%;
}

#company_t_i4{
         bottom: 9%;
 padding-left:5%;
}

.company_box {width:85%;
}
#iframe_box iframe{height:300px;
}
}

@media (max-width: 380px) {
#company_t_i{
         bottom: 65%;
}

#company_t_i2{
         bottom: 54%;
 width:215px;
}

#company_t_i3{
         bottom: 31%;
}

#company_t_i4{
         bottom: 8%;
}
#iframe_box iframe{height:270px;
}
}

@media (max-width: 350px) {
.company_box td{padding-left:5px;
}

#company_t_i{
         bottom: 62%;
}

#company_t_i2{
         bottom: 52%;
 width:215px;
}

#company_t_i3{
         bottom: 29%;
}

#company_t_i4{
         bottom: 6%;
}
}


/* -------------------------------------- ご利用案内 ------------------------------ */
#koukoku_1{
	position: absolute;
	bottom: 58%;
	right: 9%;
	margin-right:29px;
	border-bottom:1px solid rgba(242,72,72,1);
	padding-bottom:7px;
	font-size:32px;
	font-weight:bold;
	text-shadow:1px 1px 10px #ffffff; color:rgba(242,72,72,1);
}

#koukoku_2{
	position: absolute;
	bottom: 48%;
	right: 0%;
	width:305px;
	padding-right: 9%;
	padding-bottom:1px;
	padding-top:1px; display:block;
}

#koukoku_3{position: absolute;
bottom: 29%;
right: 0%;
width:305px;
padding-right: 9%;
	padding-bottom:1px;
	padding-top:1px; display:block;
}

.ma_ku{background: linear-gradient(-45deg, rgba(255,225,0,0.7), rgba(255,225,0,0.7));
font-size:20px; font-weight:bold; text-shadow:1px 1px 1px #ffffff; color:#000000;
}

.ma_ku:before{position: relative;
bottom:25px;
right:12px;
font-family: FontAwesome;
font-style: normal;
font-weight: bold;
color:#ffffff;
text-shadow:1px 1px 1px #8a583b;
font-size:30px;
content: "\f00c";
}

.ma_ku:hover{color:rgba(237, 90, 7, 1);
}




.koukoku_backs{color:#3f2615; font-size:20px; background: linear-gradient(transparent 60%, #ffff66 60%);
}
.color_redz{color:rgba(237, 90, 7, 1); font-size:16px;
}

/* ご利用案内 */
/* ---------------------------------------------------------- */
#guide_box_1{
	padding-right:1%; 
	background-color:#ffffff; 
/*
	border:1px solid rgba(255,225,0,1);
*/
	/* ピンク */
/*
	border:1px solid rgba(242,109,173,1); 
*/
	box-shadow: 0px 0px 10px 1px #ffffff;
	-moz-box-shadow: 0px 0px 10px 1px #ffffff;
	-webkit-box-shadow: 0px 0px 10px 1px #ffffff;

	border:1px solid rgba(255,255,255,1); 
}

#guide_box_1:after {
    display: block;
    clear: both;
    content: "";
}

#guide_box_1 #guide_box_2{
	float:left; width:380px; 
	height:264px;
	background-image:url("images/guide-img3.png");
	background-position:center;
	background-size:cover;
	padding:8px 10px;
	margin-right:40px;
	margin-top: 14px;
}
#guide_box_1 #guide_box_2 #muryo{
	position: relative; margin:0; width:380px; 
	height:264px;
	background-color:rgba(0,0,0,0.2); 
	font-size:30px; 
	line-height:2; 
	color:rgba(255,225,0,1);
/*
	color:rgba(242,109,173,1); 
*/
	font-weight:bold;
	text-shadow:1px 1px 1px #8a583b;
}

#guide_box_1 #guide_box_2 #muryo #muryo2{
	position: absolute; 
	width:380px; 
	text-align:center;
	top: 90px;
/*
	top: 90px;
*/
}


#guide_box_max{
	padding:5px;
/*
	background-color:rgba(242,109,173,1); 
	border:1px solid rgba(242,109,173,1); 
	border-radius:5px;
*/
	box-shadow: 0px 0px 10px 1px #ffffff;
	-moz-box-shadow: 0px 0px 10px 1px #ffffff;
	-webkit-box-shadow: 0px 0px 10px 1px #ffffff;
}

.guide_box{
	max-width:1000px;
	height:auto;
	background-color:#ffffff;
	color:#000000;
	margin:30px auto 50px auto;
	padding:0 20px 50px 20px;

	/* box-shadow */
	box-shadow:0px 0px 10px 1px #dfdfdf;
	-moz-box-shadow:0px 0px 10px 1px #dfdfdf;
	-webkit-box-shadow:0px 0px 10px 1px #dfdfdf;
}


.guide_box h1{
	border-bottom:1px dashed rgba(242,72,72,0.6); 
	padding-top:10px; 
	padding-bottom:5px; 
	margin-top:0px; 
	margin-bottom:10px;
	text-align:center; 
/*
	color:#8a583b; 
	font-size:40px;
*/
	color:#f24848; 
	font-size:26px; 
}

.guide_box h2{
	border-bottom:1px dashed rgba(242,72,72,0.6); 
	padding-top:10px; 
	padding-bottom:5px; 
	margin-top:0px; 
	margin-bottom:10px;
	text-align:center; 
/*
	color:#8a583b; 
	font-size:40px;
*/
	color:#000000;
	font-size:26px; 
}

.guide_box h1 img{vertical-align: bottom; width:450px; margin-top:-22px;
}

.guide_box h2 img{vertical-align: bottom; width:450px;
}

#voice_5{
	font-size:16px; 
	color:#8a583b; 
}

@media (max-width: 1070px) {
.guide_box h1{
	font-size:36px;
}
.guide_box h1 img{width:370px; margin-top:-17px;
}
.guide_box h2{
	font-size:36px;
}
.guide_box h2 img{width:370px;
}
}

@media (max-width: 950px) {
.guide_box h1 img{width:330px; margin-top:-14px;
}
.guide_box h2 img{width:330px;
}
}

@media (max-width: 900px) {
.guide_box h1{
	font-size:30px;
}
.guide_box h2{font-size:30px;
}
}

@media (max-width: 860px) {
.guide_box h1 img{width:310px; margin-top:-11px;
}
.guide_box h2 img{width:310px;
}
}

@media (max-width: 790px) {
.guide_box h1{
	font-size:28px;
}
.guide_box h1 img{width:290px; margin-top:-10px;
}
.guide_box h2{font-size:28px;
}
.guide_box h2 img{width:290px;
}
}

@media (max-width: 770px) {
.guide_box{margin-top:25px;
}
}

@media (max-width: 740px) {
.guide_box h1{
	position:relative; top:0px; margin-bottom:0;
}
.guide_box h1 img{width:270px;
}
.guide_box h2 img{width:270px;
}
}

@media (max-width: 700px) {
.guide_box h1{
	font-size:26px;
}
.guide_box h1 img{width:250px;
}
.guide_box h2{font-size:26px;
}
.guide_box h2 img{width:250px;
}
#voice_5{font-size:16px;
}
}

@media (max-width: 450px) {
.guide_box h2 .doi{display:none;
}
}
@media (max-width: 390px) {
.guide_box h1{
	font-size:22px;
}
.guide_box h2{
	font-size:22px;
}
}

/* 喫食までの流れ 枠 */
.guide_box section{
/* 
	border: 4px double rgba(242,109,173,1);
	border: 0px solid rgba(255,225,0,1);
*/
	background-color:rgba(255,225,0,0.2);
	padding:0px 0px 5px 0px;

	/* box-shadow */
	box-shadow:0px 0px 10px 1px #dfdfdf;
	-moz-box-shadow:0px 0px 10px 1px #dfdfdf;
	-webkit-box-shadow:0px 0px 10px 1px #dfdfdf;
}

.guide_box .back_haiiro {
	background-color:rgba(255,225,0,1);
      margin:0px;
      padding:10px 0 10px 10px;
/*
	border: 1px solid rgba(255,225,0,1);
      color:#000000;
*/

}

.guide_box .back_haiiros{
	padding-left:5px;
	padding-right:5px;
}

.guide_box section a i{padding-right:10px;
}

.guide_box #zuku a:hover{position:relative; top:3px;
}


.guide_box .i_s_m i{
	color: rgba(255,225,0,1);
	font-size:30px;
	margin:10px auto;
}

.guide_box a{display:block;
         padding:10px;
         width:300px;
         margin:20px auto;
         background-color:#ffffff;
         font-size:1.1em;
         border-radius: 2em;
         border-bottom:3px solid #cccccc;
         border-top:1px solid #cccccc;
         border-left:1px solid #cccccc;
         border-right:1px solid #cccccc;
        text-align:center;

-webkit-appearance: none;
}

.guide_box a:active {/*ボタンを押したとき*/
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}





.guide_box #ziku{height:210px;
	  position: relative;
}
#ziku a:nth-of-type(1){
         position: absolute;
top: 52%;
left: 13%;
}
#ziku a:nth-of-type(2){
         position: absolute;
top: 52%;
left: 54%;
}

#ziku #ziku_one:hover{top: 53%;
}
#ziku #ziku_two:hover{top: 53%;
}



.guide_box a:focus {background-color:rgba(255,225,0,1);
background-color:#fcc102; position:relative; top:3px;
border-bottom:3px solid #ffffff;
         border-top:1px solid #ffffff;
         border-left:1px solid #ffffff;
         border-right:1px solid #ffffff;
}

.guide_box a:hover {background-color:rgba(255,225,0,1); position:relative; top:3px;
border-bottom:3px solid #ffffff;
         border-top:1px solid #ffffff;
         border-left:1px solid #ffffff;
         border-right:1px solid #ffffff;
}

.guide_step{background-color:rgba(237, 90, 7, 1);
color:#ffffff;
padding:5px;
margin-right:10px;
border-radius:10px 0 0 10px}

.zukei_box{list-style:none;
	padding-top:25px;
	padding-bottom:25px;
         margin:0px auto 0px auto;
}

.zukei_box:after{
    display: block;
    clear: left;
    content: "";
}
.zukei_box li{float:left;
}


#toku_toku_box{width:100%; 
	height:800px; border-bottom: 1px dashed rgba(138,88,59,0.5);
}

.tokuku_maru{
border-radius:300px; width:300px; 
	height:300px;
}

#tokuku1{position: relative; left:80px; background: linear-gradient(-45deg, rgba(226, 1, 7, 0.1), rgba(226, 1, 7, 0.4));
 }
#tokuku1 .t_k_u .toku_color{color:rgb(226, 1, 7);
}
#tokuku1 .t_k_u{color:#000000; text-shadow:1px 1px 10px #ffffff; font-size:30px; 
position: absolute; 
bottom: -10px; left:0px;
}

#tokuku1 .toku_koe_color{
	color:#8a583b; 
	text-shadow:1px 1px 5px rgba(255,225,0,1); 
	font-size:21px; 
	width:100%;  text-align:center;
	position: absolute; 
	top: 50px;
}
#tokuku1 .toku_koe_colors{
	color:#3f2615; width:100%;  text-align:center;
	position: absolute; 
	top: 130px;
}


#tokuku2{position: relative; bottom:300px; left:620px; background: linear-gradient(-45deg, rgba(237, 90, 7, 0.1), rgba(237, 90, 7, 0.4));
}
#tokuku2 .t_k_u .toku_color{color:rgb(237, 90, 7);
}
#tokuku2 .t_k_u{color:#000000; text-shadow:1px 1px 10px #ffffff; font-size:30px;
position: absolute; 
bottom: -10px; right:0px;
}
#tokuku2 .toku_koe_color{color:#8a583b; text-shadow:1px 1px 5px #fcc102; font-size:21px; width:100%; text-align:center;
position: absolute; 
top: 50px;
}
#tokuku2 .toku_koe_colors{color:#3f2615; width:100%;  text-align:center;
position: absolute; 
top: 130px;
}

#tokuku3{position: relative; bottom:380px; left:350px; background: linear-gradient(-45deg, rgba(0, 133, 44, 0.1), rgba(0, 133, 44, 0.4));
}
#tokuku3 .t_k_u .toku_color{color:rgb(0, 133, 44);
}
#tokuku3 .t_k_u{color:#000000; text-shadow:1px 1px 10px #ffffff; font-size:30px;
position: absolute; 
bottom: -50px; left:100px;
}
#tokuku3 .toku_koe_color{color:#8a583b; text-shadow:1px 1px 5px #fcc102; font-size:21px;
width:100%;  text-align:center;
position: absolute; 
top: 50px;
}
#tokuku3 .toku_koe_colors{color:#3f2615; width:100%;  text-align:center;
position: absolute; 
top: 130px;
}

#tokuku4{position: relative; bottom:440px; left:80px; background: linear-gradient(-45deg, rgba(73, 121, 161, 0.1), rgba(73, 121, 161, 0.4));
 }
#tokuku4 .t_k_u .toku_color{color:rgb(73, 121, 161);
}
#tokuku4 .t_k_u{color:#000000; text-shadow:1px 1px 10px #ffffff; font-size:30px;
position: absolute; 
bottom: -10px; left:0px;
}

#tokuku4 .toku_koe_color{color:#8a583b; text-shadow:1px 1px 5px #fcc102; font-size:21px; width:100%; text-align:center;
position: absolute; 
top: 50px;
}
#tokuku4 .toku_koe_colors{color:#3f2615; width:100%;  text-align:center;
position: absolute; 
top: 130px;
}

#tokuku5{position: relative; bottom:740px; left:620px; background: linear-gradient(-45deg, rgba(85, 50, 130, 0.1), rgba(85, 50, 130, 0.4));
 }
#tokuku5 .t_k_u .toku_color{color:rgb(85, 50, 130);
}
#tokuku5 .t_k_u{color:#000000; text-shadow:1px 1px 10px #ffffff; font-size:30px;
position: absolute; 
bottom: -10px; right:0px;
}

#tokuku5 .toku_koe_color{color:#8a583b; text-shadow:1px 1px 10px #fcc102; font-size:21px; width:100%; text-align:center;
position: absolute; 
top: 50px;
}
#tokuku5 .toku_koe_colors{color:#3f2615; width:100%;  text-align:center;
position: absolute; 
top: 130px;
}


@media (max-width: 1044px) {
.t_right_right{margin-top:3px;
}
}
@media (max-width: 1040px) {
.t_right_right{margin-top:2px; margin-bottom:5px;
}
.guide_box{width:80%;
}
.zukei_box li img{width:120px; 
	height:120px;
}
.guide_box a{width:200px;
}
#ziku a:nth-of-type(1){
         position: absolute;
top: 52%;
left: 16%;
}

#toku_toku_box{height:1360px; position: relative;
}

#tokuku1{position: absolute; left:10%;
}

#tokuku2{position: absolute; top:250px; left:50%;
}

#tokuku3{position: absolute; top:500px; left:10%;
}

#tokuku3 .t_k_u{
position: absolute; 
bottom: -10px; left:0px;
}

#tokuku4{position: absolute; top:770px; left:50%;
 }

#tokuku4 .t_k_u{
position: absolute; 
bottom: -10px; left:207px;
}

#tokuku5{position: absolute; top:1040px; left:10%; 
 }

}



@media (max-width: 970px) {
.zukei_box{padding-top:15px;
	padding-bottom:10px;
}
.zukei_box li img{width:110px; 
	height:110px;
}
}

@media (max-width: 934px) {
.t_right_right{margin-top:2px; margin-bottom:1px;
}
}


@media (max-width: 910px) {
#koukoku_1{position: absolute;
bottom: 53%;
right: 9%; margin-right:31px;
}

#koukoku_2{position: absolute;
bottom: 44%;
right: 0%;

}

#koukoku_3{position: absolute;
bottom: 23%;
right: 0%;
}

}

@media (max-width: 903px) {
.koukoku_backs{font-size:16px;
}
.color_redz{font-size:16px;
}
}

@media (max-width: 890px) {
.zukei_box li img{width:100px; 
	height:100px;
}
#ziku a:nth-of-type(1){
         position: absolute;
top: 52%;
left: 13%;
}
}

@media (max-width: 870px) {
.koukoku_backs{font-size:20px;
}
.color_redz{font-size:16px;
}

#guide_box_1{padding-right:0;
}

#guide_box_1 #guide_box_2{float:none; width:100%; 
background-image:url("images/guide-img3.png");
background-size:cover;
padding:5px 0px;
}

#guide_box_1 #guide_box_2 #muryo{position: relative; left:0; width:98%; margin:0 1%;
} 

#guide_box_1 #guide_box_2 #muryo #muryo2{position: absolute; width:100%;
top: 90px;
}

.t_right_right{margin:10px;
}

}
@media (max-width: 820px) {
.guide_box article{margin-top:20px;
}

#koukoku_1{position: absolute;
bottom: 55%;
right: 9%; font-size:28px; margin-right:40px;
}

#koukoku_2{position: absolute;
bottom: 42%;
right: 0%; font-size:16px; width:273px;
}

#koukoku_3{position: absolute;
bottom: 20%;
right: 0%; font-size:16px; width:273px;
}

.zukei_box{display:none;
}
#ziku a:nth-of-type(1){
         position: absolute;
top: 52%;
left: 10%;
}
}

@media (max-width: 790px) {
#koukoku_1{position: absolute;
bottom: 56%;
right: 4%; font-size:24px; margin-right:54px;
}

#koukoku_2{position: absolute;
bottom: 41%;
right: 0%; font-size:16px; font-weight:normal; width:268px;
	padding-right:4%;
}

#koukoku_3{position: absolute;
bottom: 17%;
right: 0%; font-size:16px; font-weight:normal; width:268px;
	padding-right:4%;
}



#toku_toku_box{height:1340px;
}

.tokuku_maru{
border-radius:280px; width:280px; 
	height:280px;
}

#tokuku1 .t_k_u{font-size:28px; 
position: absolute; 
bottom: -11px; left:0px;
}

#tokuku1 .toku_koe_color{font-size:19px; 
position: absolute; 
top: 40px;
}

#tokuku1 .toku_koe_colors{
position: absolute; 
top: 120px;
}


#tokuku2{position: absolute; top:250px; left:45%;
}
#tokuku2 .t_k_u{font-size:28px;
position: absolute; 
bottom: -11px; right:0px;
}
#tokuku2 .toku_koe_color{font-size:19px; position: absolute;
top: 40px;
}
#tokuku2 .toku_koe_colors{
position: absolute; 
top: 120px;
}

#tokuku3 .t_k_u{font-size:28px;
position: absolute; 
bottom: -11px; left:0px;
}

#tokuku3 .toku_koe_color{font-size:19px;
position: absolute; 
top: 40px;
}

#tokuku3 .toku_koe_colors{
position: absolute; 
top: 120px;
}

#tokuku4{position: absolute; top:770px; left:45%;
 }

#tokuku4 .t_k_u{font-size:28px;
position: absolute; 
bottom: -11px; left:190px;
}

#tokuku4 .toku_koe_color{font-size:19px;
position: absolute; 
top: 40px;
}
#tokuku4 .toku_koe_colors{
position: absolute; 
top: 120px;
}


#tokuku5 .t_k_u{font-size:28px;
position: absolute; 
bottom: -11px; left:0px;
}

#tokuku5 .toku_koe_color{font-size:19px;
position: absolute; 
top: 40px;
}
#tokuku5 .toku_koe_colors{
position: absolute; 
top: 120px;
}

}

@media (max-width: 770px) {
.guide_box{padding-bottom:25px;
margin-bottom:30px;
}
}

@media (max-width: 755px) {

.guide_box #ziku{height:220px;
	  }
#ziku a:nth-of-type(1){
         position: absolute;
top: 58%;
left: 7%;
}
#ziku a:nth-of-type(2){
         position: absolute;
top: 58%;
left: 54%;
}

#ziku #ziku_one:hover{top: 59%;
}
#ziku #ziku_two:hover{top: 59%;
}

}

@media (max-width: 740px) {
#article_box{margin-top:15px;
}
}


@media (max-width: 700px) {
#koukoku_1{position: absolute;
bottom: 61%;
right: 4%;  margin-right:54px;
}

#koukoku_2{position: absolute;
bottom: 47%;
right: 0%;
}

#koukoku_3{position: absolute;
bottom: 27%;
right: 0%;
}


#tokuku1{position: absolute; left:5%;
}

#tokuku2{position: absolute; top:250px; left:42%;
}

#tokuku3{position: absolute; top:500px; left:5%;
}

#tokuku4{position: absolute; top:770px; left:42%;
 }
#tokuku5{position: absolute; top:1040px; left:5%; 
 }

}
@media (max-width: 675px) {
.guide_box #ziku{height:240px;
	  }
#ziku a:nth-of-type(1){
         position: absolute;
top: 65%;
left: 10%;
}
#ziku a:nth-of-type(2){
         position: absolute;
top: 65%;
left: 54%;
}

#ziku #ziku_one:hover{top: 66%;
}
#ziku #ziku_two:hover{top: 66%;
}

.guide_box a{
         width:150px;
}
}


@media (max-width: 640px) {
#tokuku1{position: absolute; left:2%;
}

#tokuku2{position: absolute; top:250px; left:39%;
}

#tokuku3{position: absolute; top:500px; left:2%;
}

#tokuku4{position: absolute; top:770px; left:39%;
 }

#tokuku5{position: absolute; top:1040px; left:2%; 
 }

}

@media (max-width: 590px) {
#toku_toku_box{height:100%; position: static;
	padding-bottom:30px;
}

.tokuku_maru{
border-radius:300px; width:300px; 
	height:300px;
}

#tokuku1{position: static; margin:0 auto; display:block;
}

#tokuku1 .t_k_u{font-size:30px; 
position:relative;
top: 20px; left:0px;
}

#tokuku1 .toku_koe_color{font-size:21px; 
position:relative;  
top: 0px;
}

#tokuku1 .toku_koe_colors{
position:relative;  
top: 0px;
}


#tokuku2{position: static; margin:0 auto; display:block; margin-top:-50px;
}

#tokuku2 .t_k_u{font-size:30px;
position:relative; 
top: 20px; left:0px;
}
#tokuku2 .toku_koe_color{font-size:19px; position:relative;
top: 0px;
}
#tokuku2 .toku_koe_colors{
position:relative;
top: 0px;
}

#tokuku3{position: static; margin:0 auto; display:block; margin-top:-50px;
}

#tokuku3 .t_k_u{font-size:30px;
position:relative;
top: 20px; left:0px;
}

#tokuku3 .toku_koe_color{font-size:21px;
position:relative; 
top: 0px;
}

#tokuku3 .toku_koe_colors{
position:relative;
top: 0px;
}

#tokuku4{position: static; margin:0 auto; display:block; margin-top:-50px;
}

#tokuku4 .t_k_u{font-size:30px;
position:relative;
top: 20px; left:0px;
}

#tokuku4 .toku_koe_color{font-size:21px;
position:relative; 
top: 0px;
}
#tokuku4 .toku_koe_colors{
position:relative; 
top: 0px;
}

#tokuku5{position: static; margin:0 auto; display:block; margin-top:-50px;
}

#tokuku5 .t_k_u{font-size:30px;
position:relative; 
top: 20px; left:0px;
}

#tokuku5 .toku_koe_color{font-size:21px;
position:relative;
top: 0px;
}
#tokuku5 .toku_koe_colors{
position:relative; 
top: 0px;
}
}

@media (max-width: 550px) {
.guide_box a{font-size:14px;
         width:120px;
}
}

@media (max-width: 500px) {
#koukoku_2{bottom: 46%;
}

#koukoku_3{bottom: 24%;
}

#guide_box_1 #guide_box_2 #muryo{position: relative; left:0; width:97%; margin:0 1.5%;
} 
}

@media (max-width: 450px) {

#koukoku_1{position: absolute;
bottom: 61%;
right: 54px; margin-right:0;
}

#koukoku_2{position: absolute;
bottom: 46%;
right: 0%;
padding-right:0%;
}


#koukoku_3{position: absolute;
bottom: 24%;
right: 0%;
	padding-right:0%;
}


.ma_ku:before{position: relative;
bottom:20px;
right:8px;
font-size:22px;
}


.guide_box a{font-size:12px;
         width:110px;
}
#ziku a:nth-of-type(1){
         position: absolute;
top: 65%;
left: 4%;
}
#ziku a:nth-of-type(2){
         position: absolute;
top: 65%;
left: 55%;
}

}

@media (max-width: 420px) {
#koukoku_1{padding-bottom:1px;
}
#guide_box_1 #guide_box_2{height:220px;
}
#guide_box_1 #guide_box_2 #muryo{height:220px;
}
#guide_box_1 #guide_box_2 #muryo #muryo2{font-size:26px; top:65px;
}
}

@media (max-width: 397px) {

#koukoku_1{position: absolute;
bottom: 56%;
right: 42px; margin-right:15px;
}

#koukoku_2{position: absolute;
bottom: 41%;
right: 0%; font-size:16px; width:270px;
}


#koukoku_3{position: absolute;
bottom: 19%;
right: 0%; font-size:16px; width:270px;
}


.guide_box #ziku{height:260px;
	  }
.guide_box a{font-size:12px;
         width:105px;
}
#ziku a:nth-of-type(1){
         position: absolute;
top: 70%;
left: 2%;
}
#ziku a:nth-of-type(2){
         position: absolute;
top: 70%;
left: 54%;
}

#ziku #ziku_one:hover{top: 71%;
}
#ziku #ziku_two:hover{top: 71%;
}

.tokuku_maru{
border-radius:255px; width:255px; 
	height:255px;
}

#tokuku1 .t_k_u{font-size:28px;
}

#tokuku1 .toku_koe_color{font-size:19px;
}

#tokuku1 .toku_koe_colors{font-size:14px; 
position:relative;  
top: -10px;
}

#tokuku2 .t_k_u{font-size:28px;
}

#tokuku2 .toku_koe_color{font-size:19px;
}

#tokuku2 .toku_koe_colors{
position:relative;
top: -10px;
}


#tokuku3 .t_k_u{font-size:28px;
}

#tokuku3 .toku_koe_color{font-size:19px;
}

#tokuku3 .toku_koe_colors{
position:relative;
top: -10px;
}

#tokuku4 .t_k_u{font-size:28px;
}

#tokuku4 .toku_koe_color{font-size:19px;
}
#tokuku4 .toku_koe_colors{
position:relative;
top: -10px;
}

#tokuku5 .t_k_u{font-size:28px;
}

#tokuku5 .toku_koe_color{font-size:19px;
}
#tokuku5 .toku_koe_colors{font-size:14px;
position:relative; 
top: -10px;
}


}

@media (max-width: 375px) {
#guide_box_1 #guide_box_2 #muryo #muryo2{font-size:24px;
}

.guide_box a{font-size:14px;
         width:120px;
}

.guide_box #ziku{height:auto;
position: static;
	padding-left:1%;
}

#ziku a:nth-of-type(1){
         position: static}
#ziku a:nth-of-type(2){
         position: static}
#ziku #ziku_one:hover{position:relative; top: 3px; left:0;
}
#ziku #ziku_two:hover{position:relative; top: 3px; left:0;
}
}
@media (max-width: 350px) {
#guide_box_1 #guide_box_2 #muryo #muryo2{font-size:22px;
}

#koukoku_1{position: absolute;
bottom: 53%;
right: 42px;
}

#koukoku_2{position: absolute;
bottom: 38%;
right: 0%;
}


#koukoku_3{position: absolute;
bottom: 16%;
right: 0%;
}
}

@media (max-width: 330px) {
#guide_box_1 #guide_box_2{
padding:4px 0;
height:180px;
}
#guide_box_1 #guide_box_2 #muryo{height:180px;
}

#guide_box_1 #guide_box_2 #muryo #muryo2{font-size:20px; top:55px;
}
}

/* -------------------------------------- 配送エリアページ ------------------------------ */
#area_p_text{position: absolute;
	bottom: 50%;
	left: 9%;
	color:#f24848; 
	border-bottom:1px solid rgba(242,72,72,1);
	padding-bottom:7px;
	font-size:32px;
	font-weight:bold;
	text-shadow:1px 1px 10px #ffffff; color:rgba(242,72,72,1);
}

#area_p_text2{position: absolute;
         bottom:34%;
         padding:2px 5px 2px 9%;
width:328px; 
text-align:right; display:block;
background-color:rgba(255, 225, 0, 0.7);
text-shadow:1px 1px 1px #ffffff; color:#000000; font-size:20px; font-weight:bold;
}

#area_p_text2:before{position: relative;
bottom:25px;
left:222px;
font-family: FontAwesome;
font-style: normal;
font-weight: bold;
font-size:30px;
text-shadow:1px 1px 1px #8a583b; color:#ffffff;
content: "\f00c";
}

#area_p_text2:focus{color:rgba(237, 90, 7, 1);
}
#area_p_text2:hover{color:rgba(237, 90, 7, 1);
}



.seihoukeiz0{
	margin-bottom:30px;
}
.seihoukeiz0 a:hover{
	color:rgba(237, 90, 7, 1);
	border-radius:0;
}

.seihoukeiz0 a{
	width:19.3%; 
/*
	height:170px;
	font-weight:bold; 
	line-height:8; 
*/
	height:85px;
	display:inline-block; 
	text-align:center; 
	background: linear-gradient(-45deg, rgba(255, 225, 0, 0.2), rgba(255, 225, 0, 0.8));
	border:1px solid #f1f1f1; 
	border-radius:10px; 
	color:#000000; 
	font-size:19px;
	text-shadow: 1px 1px 1px #ffffff;

	line-height:4; 
	transition: .2s;
}


#back_color_area{background-color:#ffffff;
}

#back_color_area h1{
	border-bottom:1px dashed rgba(242,72,72,0.6); 
	padding-top:10px; 
	padding-bottom:5px; 
	margin-top:0px; 
/*
	margin-bottom:10px;
*/
	text-align:center; 
/*
	color:#8a583b; 
	font-size:40px;
*/
	color:#f24848; 
	font-size:28px; 
	margin-bottom:15px;
}
#back_color_area h1 img{width:450px; margin-top:-22px;
}

@media (max-width: 1070px) {
#back_color_area h1{
	font-size:36px;
}
#back_color_area h1 img{width:370px; margin-top:-17px;
}
}

@media (max-width: 950px) {
#back_color_area h1 img{width:330px; margin-top:-14px;
}
}

@media (max-width: 900px) {
#back_color_area h1{
	font-size:30px;
}
}

@media (max-width: 860px) {
#back_color_area h1 img{width:310px; margin-top:-11px;
}
}

@media (max-width: 790px) {
#back_color_area h1{
	font-size:28px;
}
#back_color_area h1 img{width:290px; margin-top:-10px;
}
}

@media (max-width: 740px) {
#back_color_area h1{
	position:relative; top:0px; margin-bottom:10px;
}
#back_color_area h1 img{width:270px;
}
}

@media (max-width: 700px) {
#back_color_area h1{
	font-size:26px;
}
#back_color_area h1 img{width:250px;
}
}

@media (max-width: 390px) {
#back_color_area h1{
	font-size:22px;
}
}



.seihoukeiz1{margin-bottom:70px;
}
.seihoukeiz1:after{
    display: block;
    clear: both;
    content: "";
}

.float_left_area2{float:left; width:50%; margin-top:80px;
}

.float_right_area{float:right; width:50%;
}



.komakai_sukima{width:32.5%; display:inline-block; text-align:center;
}

.line_height_area{line-height:4;
}

#kenmei_style_box .kenmei_style{font-size:20px; color:#ffffff; text-align:center; background-color:#8a583b; border-left:none; font-weight:bold;
width: 180px;
	height: 60px; 
	line-height:3;
  -ms-transform: skew(-15deg);
	-webkit-transform: skew(-15deg);
	  -moz-transform: skew(-15deg);
	    -o-transform: skew(-15deg);
}

#kenmei_style_box{position: relative;
	padding-top:30px;
background-color:#ffffff; 
	height:640px;
box-shadow: 0px 0px 10px 1px #dfdfdf;
  -moz-box-shadow: 0px 0px 10px 1px #dfdfdf;
  -webkit-box-shadow: 0px 0px 10px 1px #dfdfdf;
}


#kenmei_style_box #kenmei_style1{           
position: absolute;
top: -50px;
left: 33%;
}

#kenmei_style_box i{padding-left:10px;
}

#line_height{line-height:1.2; 
	color:#8a583b; 
}
.area_border{
 font-size:16px;
	   font-weight:normal;
	   color:#000000;
	   border-left:10px solid #8a583b;
	   padding-left:10px;
	   padding-top:5px;
	   padding-bottom:5px;
background-color: rgba(255,225,0,1);
	   }


@media (max-width: 1040px) {
.seihoukeiz0 a{
	width:19.2%; 
/*
	height:150px; 
	line-height:7;
*/
	height:75px; 
	line-height:3.5;
}

#kenmei_style_box{height:390px;
}

.line_height_area{line-height:3;
}

.komakai_sukima{width:32.4%;
}

#kenmei_style_box #kenmei_style1{           
left: 30%;
}

}


@media (max-width: 992px) {
.seihoukeiz0 a{
	width:19.1%; 
/*
	height:140px;
*/
	height:70px;
}
}

@media (max-width: 961px) {

#kenmei_style_box{height:350px;
}

.line_height_area{line-height:2.7;
}

.komakai_sukima{width:32.3%;
}

#kenmei_style_box #kenmei_style1{           
left: 28%;
}
}


@media (max-width: 883px) {
.seihoukeiz0 a{
	width:19%; 
/*
	height:130px; 
	line-height:6;
*/
	height:65px; 
	line-height:3;
}

}
}

@media (max-width: 869px) {

#kenmei_style_box{height:340px;
}

.line_height_area{line-height:2.5;
}

.komakai_sukima{width:32.2%;
}

#kenmei_style_box #kenmei_style1{           
left: 26%;
}

}

@media (max-width: 820px) {
#area_p_text{position: absolute;
         bottom: 50%;
         left: 9%;
font-size:28px;
}

#area_p_text2{position: absolute;
bottom:30%;
width:272px;
}
}

@media (max-width: 796px) {
.seihoukeiz0 a{
	width:18.9%; 
	height:120px; 
	line-height:6;
/*
	height:120px; 
	line-height:6;
*/
	height:60px; 
	line-height:3;
}
}

@media (max-width: 794px) {

#kenmei_style_box{height:290px;
}

.line_height_area{line-height:2.3;
}

.komakai_sukima{width:32.1%;
}

#kenmei_style_box #kenmei_style1{           
left: 24%;
}

}

@media (max-width: 790px) {
#area_p_text{position: absolute;
         bottom: 50%;
         left: 9%;
font-size:24px;
}

#area_p_text2{position: absolute;
         bottom:28%;
width:244px;
font-weight:normal;
}
}

@media (max-width: 700px) {
#area_p_text{position: absolute;
         bottom: 60%;
         left: 9%;
}

#area_p_text2{position: absolute;
         bottom:41%;
         }
}

@media (max-width: 651px) {
.seihoukeiz0{
	margin-bottom:60px;
}
.seihoukeiz1{
	margin:0 auto 60px auto; 
	border:2px solid rgba(0,0,0,0.1); 
	width:96%; padding:0 2% 10px 2%; 
	height:auto; 
	background-color:#ffffff;
	/* box-shadow */
	box-shadow:0px 0px 10px 1px #dfdfdf;
	-moz-box-shadow:0px 0px 10px 1px #dfdfdf;
	-webkit-box-shadow:0px 0px 10px 1px #dfdfdf;
}

.float_left_area2{float:none; width:100%; margin-top:0px;
}

.float_right_area{float:none; width:100%;
}

#kenmei_style_box{height:100%; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

#kenmei_style_box #kenmei_style1{           
left: 33%;
}

#tizu_area_box{text-align:center; background-color:#ffffff; padding:10px 0 0 0;
}
#tizu_area_box img{width:100%; vertical-align: bottom;
}
#tizu_area_box .img_span{border:4px solid #ffffff;
 /* box-shadow */
box-shadow:0px 0px 10px 1px #dfdfdf;
-moz-box-shadow:0px 0px 10px 1px #dfdfdf;
-webkit-box-shadow:0px 0px 10px 1px #dfdfdf;
}

.komakai_sukima{width:32.6%;
}

/*.area_border{margin-top:-40px;
}
*/
}

@media (max-width: 646px) {
.seihoukeiz0 a{
	width:18.8%; 
/*
	height:110px; 
	line-height:5.5;
*/
	height:55px; 
	line-height:2.75;
}
}

@media (max-width: 593px) {
.seihoukeiz0 a{
	width:18.7%; 
/*
	height:100px; 
	line-height:5;
*/
	height:50px; 
	line-height:2.5;
}
}

@media (max-width: 573px) {
.komakai_sukima{width:32.5%;
}
}

@media (max-width: 548px) {
.seihoukeiz0 a{
	width:18.6%; 
/*
	height:90px; 
	line-height:4.5;
*/
	height:45px; 
	line-height:2.25;
}
}

@media (max-width: 510px) {
.seihoukeiz0 a{
	width:32%; 
/*
	height:130px; 
	line-height:6;
*/
	height:65px; 
	line-height:3;
}

.seihoukeiz0 a:nth-child(4){margin-left:17%; margin-top:5px;
}
}

@media (max-width: 506px) {
.komakai_sukima{width:32.4%;
}
#kenmei_style_box #kenmei_style1{           
left: 27%;
}
}


@media (max-width: 500px) {
#line_height p{font-size:15px; 
	line-height:2}
}

@media (max-width: 475px) {
.seihoukeiz0 a{
width:31.9%; 
	height:120px;
}
}

@media (max-width: 453px) {
.komakai_sukima{width:32.3%;
}
}

@media (max-width: 450px) {
#area_p_text{left: 5%;
}

#area_p_text2{bottom:38%;
background: linear-gradient(-45deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
padding-left:5%; display:none}

#area_p_text2:before{font-size:22px;
bottom:26px;
right:-177px;
}
}

@media (max-width: 444px) {
.seihoukeiz0 a{
	width:31.8%; 
/*
	height:110px; 
	line-height:5.5;
*/
	height:55px; 
	line-height:2.75;
}
}

@media (max-width: 420px) {
#area_p_text{
padding-bottom:1px;
}

.komakai_sukima{width:32.2%;
}
#kenmei_style_box #kenmei_style1{           
left: 22%;
}
.seihoukeiz0 a{
	width:31.7%; 
/*
	height:100px; 
	line-height:5.2;
*/
	height:50px; 
	line-height:2.6;
}
}

@media (max-width: 413px) {
.seihoukeiz0 a{
	width:31.6%;
}
}

@media (max-width: 397px) {
.komakai_sukima{width:32.1%;
}
#kenmei_style_box #kenmei_style1{           
left: 21%;
}
}

@media (max-width: 390px) {
.seihoukeiz0 a{
width:31.5%;
}

#area_p_text{position: absolute;
         bottom: 50%;
}

#area_p_text2{position: absolute;
         bottom:27%;
}
}

@media (max-width: 370px) {
.seihoukeiz0 a{
	width:31.4%; 
/*
	height:90px; 
	line-height:4.5;
*/
	height:45px; 
	line-height:2.25;
}
}

@media (max-width: 365px) {
.komakai_sukima{width:32%;
}
#kenmei_style_box #kenmei_style1{           
left: 20%;
}
}

@media (max-width: 353px) {
.seihoukeiz0 a{width:31.3%;
}
}

@media (max-width: 350px) {
#area_p_text{position: absolute;
         bottom: 48%;
}

#area_p_text2{position: absolute;
         bottom:22%;
}
}

@media (max-width: 340px) {
.komakai_sukima{width:31.9%; font-size:15px;
}
#kenmei_style_box #kenmei_style1{           
left: 17%;
}
}

@media (max-width: 335px) {
.seihoukeiz0 a{width:31.2%;
}
}

@media (max-width: 320px) {
.seihoukeiz0 a{
	width:31.1%; 
/*
	height:80px; 
	line-height:4.2; 
*/
	height:40px; 
	line-height:2.1; 
	font-size:16px;
}
}


/* -------------------------------------- 配送・日替わり弁当ページ ------------------------------ */
#link_kanae_a{
	border-bottom:1px dashed rgba(242,72,72,0.6); 
	padding-top:10px; 
	padding-bottom:5px; 
	margin-top:0px; 
	margin-bottom:10px;
	text-align:center; 
/*
	color:#8a583b; 
	font-size:40px;
*/
	color:#f24848; 
	font-size:28px; 
}

#link_kanae_a img{
	width:450px; margin-top:-22px;
}


/* ----------------- 新規追加テキストBOX -------- */
#k_a_g_box{
	padding:15px 5px 15px 5px; 
	height:300px; 
	margin-left:10px; 
	margin-right:10px;
	border-bottom:1px dotted rgba(138,88,59,0.2);
}

#k_a_g_box .size_img_t{
	width:100%; 
	margin:10px 0px 0px 0px; 
	text-align:center; 
	font-size:32px; 
	color:#000000; 
	background-color:transparent; 
	border:none; 
	padding:0; 
/*
	text-shadow:1px 1px 1px #ffffff;
*/
}


/* お弁当アピール文 */
/* かなえ */
#size_img_k{
	position:relative;  
	width:280px; 
	height:280px; 
	border-radius:280px;
/* 
	width:300px; 
	height:300px; 
	border-radius:300px;
	background: linear-gradient(-45deg, rgba(243,153,0,0.2), rgba(243,153,0,0.6));
*/
      background-color:rgba(243,153,0,0.8);
	/* box-shadow */
/* 
	box-shadow:0px 0px 10px 1px rgba(243,153,0,0.6);
	-moz-box-shadow:0px 0px 10px 1px rgba(243,153,0,0.6);
	-webkit-box-shadow:0px 0px 10px 1px rgba(243,153,0,0.6);
*/
}

#size_img_k p{
	text-align:center; 
	line-height:2.5;
	font-size:16px; 
	color:rgba(0,0,0,0.8);
	position: absolute; 
/*
	top:80px; 
*/
	top:100px; 
	width:100%; 
	margin:0 auto;
}

#size_img_k .size_img_t{position: absolute; 
top: 30px;
}


/* あかね */
#size_img_a{
	position:relative; top:-280px; left:333px; 
	width:280px; 
	height:280px; 
	border-radius:280px;
/* 
	position:relative; top:-300px; left:333px; 
	width:300px; 
	height:300px; 
	border-radius:300px;
	background: linear-gradient(-45deg, rgba(237,30,121,0.2), rgba(237,30,121,0.6));
*/
      background-color:rgba(237,30,121,0.8);
	/* box-shadow */
/* 
	box-shadow:0px 0px 10px 1px rgba(237,30,121,0.6);
	-moz-box-shadow:0px 0px 10px 1px rgba(237,30,121,0.6);
	-webkit-box-shadow:0px 0px 10px 1px rgba(237,30,121,0.6);
*/
}

#size_img_a p{
	text-align:center; 
	line-height:2.5;
	font-size:16px; 
	color:rgba(0,0,0,0.8);
	position: absolute; 
/*
	top:80px; 
*/
	top:100px; 
	width:100%; margin:0 auto;
}

#size_img_a .size_img_t{position: absolute; 
top: 30px;
}

/* 五徳 */
#size_img_g{
	position:relative; top:-560px; left:665px;
	width:280px; 
	height:280px; 
	border-radius:280px;
/* 
	position:relative; top:-600px; left:665px;
	width:300px; 
	height:300px; 
	border-radius:300px;
	background: linear-gradient(-45deg, rgba(237,28,36,0.2), rgba(237,28,36,0.6));
*/
      background-color:rgba(237,28,36,0.8);
	/* box-shadow */
/* 
	box-shadow:0px 0px 10px 1px rgba(237,28,36,0.6);
	-moz-box-shadow:0px 0px 10px 1px rgba(237,28,36,0.6);
	-webkit-box-shadow:0px 0px 10px 1px rgba(237,28,36,0.6);
*/
}

#size_img_g p{
	text-align:center; 
	line-height:2.5;
	font-size:16px; color:rgba(0,0,0,0.8);
	position: absolute; 
/*
	top:80px; 
*/
	top:100px; 
	width:100%; margin:0 auto;
}

#size_img_g .size_img_t{position: absolute; 
top: 30px;
}

.block_01{display:block;
}


#takuhai_style{border:1px solid rgba(255,255,255,1);
/* box-shadow */
box-shadow:0px 0px 10px 1px #dfdfdf;
-moz-box-shadow:0px 0px 10px #dfdfdf;
-webkit-box-shadow:0px 0px 10px 1px #dfdfdf;  
margin-bottom:30px;
}

#takuhai_higawari{height:220px;
}

#takuhai_higawari .small_maru_box{width:100px; 
	height:100px; border-radius:100px; text-align:center;
}

#takuhai_higawari .small_maru{
	font-size:16px; color:#000000; 
	text-shadow:1px 1px 10px #ffffff;
}
.small_marus{
	font-size:12px; color:#3f2615;
}

#kanae_last_box{
	background: linear-gradient(-45deg, rgba(243,153,0,0.2), rgba(243,153,0,0.6));
	/* box-shadow */
	box-shadow:0px 0px 10px 1px rgba(243,153,0,0.6);
	-moz-box-shadow:0px 0px 10px 1px rgba(243,153,0,0.6);
	-webkit-box-shadow:0px 0px 10px 1px rgba(243,153,0,0.6);
	position: relative; 
	top:20px; left:60px;
}
#kanae_last_box .small_maru_box2{
	width:100%; position: absolute; top:0px; }

#akane_last_box{
	background: linear-gradient(-45deg, rgba(237,30,121,0.2), rgba(237,30,121,0.6));
	/* box-shadow */
	box-shadow:0px 0px 10px 1px rgba(237,30,121,0.6);
	-moz-box-shadow:0px 0px 10px 1px rgba(237,30,121,0.6);
	-webkit-box-shadow:0px 0px 10px 1px rgba(237,30,121,0.6);
	position: relative; bottom:0px; left:10px;
}
#akane_last_box .small_maru_box2{width:100%; position: absolute; top:0px; }

#gotoku_last_box{background: linear-gradient(-45deg, rgba(237,28,36,0.2), rgba(237,28,36,0.6));
/* box-shadow */
box-shadow:0px 0px 10px 1px rgba(237,28,36,0.6);
-moz-box-shadow:0px 0px 10px 1px rgba(237,28,36,0.6);
-webkit-box-shadow:0px 0px 10px 1px rgba(237,28,36,0.6);
position: relative; bottom:98px; left:108px;
}
#gotoku_last_box .small_maru_box2{width:100%; position: absolute; top:0px; }

#text_last_box{width:73%;
	padding-right:1%; position: relative; bottom:290px; left:26%; color:#3f2615;
}



#header_texts{margin:0 auto;
           max-width:100%;
           height:auto;
           position: relative;
}

.maru_boxs {
	text-align: center;
	width: 150px;
	line-height: 150px;
	border-radius: 75px;
	color:#000000; 
/*
	text-shadow:1px 1px 10px #ffffff;
*/
	font-size: 36px
}
/* かなえ */
#maru_ones {position: absolute;
         top: 5%;
         left: 1%;
         z-index: 3;
         background-color: rgba(243,153,0,0.8);
}
/* あかね */
#maru_twos {position: absolute;
         top: 5%;
         left: 34%;
         z-index: 3;
         background-color: rgba(237,30,121,0.8);
}
/* 五徳 */
#maru_threes {position: absolute;
         top: 5%;
         left: 68%;
         z-index: 3;
         background-color:rgba(237,28,36,0.8);
}


#header_texts:after {
    display: block;
    clear: left;
    content: "";
}

#header_texts .figures {
width: 33.3%;
margin:0;
padding:0;
float:left;
overflow: hidden;
}


.higawari_box_c{display:block;
           width:100%;
           height:200px;
           color:#3f2615;
           margin-bottom:20px;
           font-size:30px;
box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.2);
}

.higawari_box_c .i_a1{float:left;
}

.higawari_box_c .i_b1{float:right;
}

.higawari_box_c:after {
    display: block;
    clear: left;
    content: "";
}

#re1, #re3{border-radius: 0 1em 0 0;
}
.recruit_boxqa{border-radius: 1em 0 0 0;
}


.higawari_box_c .s_a_p1 {padding-top:6%;
}

.higawari_box_c .s_a_p2 {padding-top:6%;
}

.higawari_box_c .s_b_p2 {padding-top:5%;
}

#re1:focus {color:rgba(237, 90, 7, 1); text-shadow:1px 1px 1px #ffffff;
}
#re1:hover {color:rgba(237, 90, 7, 1); text-shadow:1px 1px 1px #ffffff;
}
#re2:focus {color:rgba(237, 90, 7, 1); text-shadow:1px 1px 1px #ffffff;
}
#re2:hover {color:rgba(237, 90, 7, 1); text-shadow:1px 1px 1px #ffffff;
}
#re3:focus {color:rgba(237, 90, 7, 1); text-shadow:1px 1px 1px #ffffff;
}
#re3:hover {color:rgba(237, 90, 7, 1); text-shadow:1px 1px 1px #ffffff;
}

#re1{background-color:rgba(255,225,0,1);
}
#re2{background-color:rgba(255,225,0,1);
}
#re3{background-color:rgba(255,225,0,1);
}

#re1, #re2, #re3{text-align:center; 
	color:#8a583b; 
}


#re1 .s_a_p1{padding-top:5%;
}

#re3 .s_a_p2{padding-top:5%;
}

#re1, #re3{border-radius: 0 1em 0 0;
}
.recruit_boxqa{border-radius: 1em 0 0 0;
}


/* アイコンのメニュー */
.s_a_p1 i{font-size:50px;
      }
.s_a_p2 i{font-size:50px;
      }
.s_b_p2 i{font-size:50px;
      }

@media (min-width: 1920px) {
#header_texts{max-width:1920px;
}
}
@media (max-width: 1247px) {
#takuhai_higawari{height:320px;
}

#takuhai_higawari .small_maru_box{width:150px; 
	height:150px; border-radius:150px; text-align:center;
}
	.small_maru{text-shadow:1px 1px 1px rgba(138,88,59,0.6);
}

#kanae_last_box{
position: relative; top:20px; left:84px;
}
#kanae_last_box .small_maru_box2{position: absolute; top:30px; }

#akane_last_box{
position: relative; bottom:0px; left:10px;
}
#akane_last_box .small_maru_box2{position: absolute; top:30px; }

#gotoku_last_box{
position: relative; bottom:150px; left:158px;
}
#gotoku_last_box .small_maru_box2{position: absolute; top:30px; }

#text_last_box{width:64%;
	padding-right:1%; position: relative; bottom:410px; left:34%;
}
}

@media (max-width: 1070px) {
#link_kanae_a{font-size:36px;
}
#link_kanae_a img{width:370px; margin-top:-17px;
}
#k_a_g_box .size_img_t{font-size:30px;
}
}

@media (max-width: 950px) {
#link_kanae_a img{width:330px; margin-top:-14px;
}
#k_a_g_box .size_img_t{font-size:29px;
}
}

@media (max-width: 900px) {
#link_kanae_a{font-size:30px;
}
}

@media (max-width: 860px) {
#link_kanae_a img{width:310px; margin-top:-11px;
}
#k_a_g_box .size_img_t{font-size:28px;
}
}

@media (max-width: 790px) {
#link_kanae_a{font-size:30px;
}
#link_kanae_a img{width:290px; margin-top:-10px;
}
#k_a_g_box .size_img_t{font-size:27px;
}
}

@media (max-width: 740px) {
#link_kanae_a{margin-bottom:15px; position:relative; top:0px; }
#link_kanae_a img{width:270px;
}
#k_a_g_box .size_img_t{font-size:26px;
}
}

@media (max-width: 700px) {
#link_kanae_a{font-size:26px;
}
#link_kanae_a img{width:250px;
}
#k_a_g_box .size_img_t{font-size:25px;
}
}
@media (max-width: 390px) {
#link_kanae_a{font-size:22px;
}
}


@media (max-width: 1060px) {
#k_a_g_box{padding:15px 5px 5px 5px;
}

#size_img_k, #size_img_a, #size_img_g{width:280px; 
	height:280px; border-radius:280px;
}

#size_img_a{top:-280px; left:36%;
}
#size_img_g{top:-560px; left:71%;
}

#size_img_k p, #size_img_a p, #size_img_g p{line-height:2.3;
}
}


@media (min-width: 1041px) {
.higawari_box_c .i_a1{width:600px; 
	height:200px;
}
.higawari_box_c .i_b1{width:600px; 
	height:200px;
}
}

@media (max-width: 1040px) {
#k_a_g_box{height:270px;
}
#size_img_k, #size_img_a, #size_img_g{width:250px; 
	height:250px; border-radius:250px;
}
#size_img_a{top:-250px; left:34%;
}
#size_img_g{top:-500px; left:68%;
}

#size_img_k p, #size_img_a p, #size_img_g p{line-height:2.1; font-size:16px;
}


#takuhai_higawari{height:340px;
}

#takuhai_higawari .small_maru_box{width:100px; 
	height:100px; border-radius:100px; text-align:center;
}

#kanae_last_box{
position: relative; top:20px; left:5%;
}
#kanae_last_box .small_maru_box2{position: absolute; top:0px; }

#akane_last_box{
position: relative; bottom:80px; left:44%;
}
#akane_last_box .small_maru_box2{position: absolute; top:0px; }

#gotoku_last_box{
position: relative; bottom:180px; left:82%;
}
#gotoku_last_box .small_maru_box2{position: absolute; top:0px; }

#text_last_box{width:98%;
	padding-right:1%; position: relative; bottom:180px; left:1%;
}

.higawari_box_c .s_a_p1 {padding-top:5%;
}
.higawari_box_c .s_a_p2 {padding-top:5%;
}
.higawari_box_c .s_b_p2 {padding-top:4%;
}
.higawari_box_c{height:164px;
}
.higawari_box_c .i_a1{width:492px; 
	height:164px;
}
.higawari_box_c .i_b1{width:492px; 
	height:164px;
}

}


@media (max-width: 1020px) {
#k_a_g_box{height:590px;
}
#size_img_k, #size_img_a, #size_img_g{width:300px; 
	height:300px; border-radius:300px;
}
#size_img_k{margin:0 auto;
}
#size_img_a{top:-40px; left:-150px; margin:0 auto;
}
#size_img_g{top:-340px; left:150px; margin:0 auto;
}
#size_img_k p, #size_img_a p, #size_img_g p{
/*
	top:80px; 
*/
	font-size:16px; 
	line-height:2.5
}
}

@media (max-width: 933px) {
#takuhai_higawari{height:350px;
}
}

@media (max-width: 922px) {
.higawari_box_c .s_b_p2{padding-top:5%;
}
}

@media (max-width: 910px) {
.higawari_box_c .s_a_p1 {padding-top:6%; font-size:24px;
}
.higawari_box_c .s_a_p2{font-size:24px;
}
.higawari_box_c .s_b_p2{font-size:24px;
}
}


@media (max-width: 865px) {
.higawari_box_c{height:120px;
}
.higawari_box_c .i_a1{width:362px; 
	height:120px;
}
.higawari_box_c .i_b1{width:362px; 
	height:120px;
}
#re1 .s_a_p1{padding-top:3%;
}

#re2 .s_b_p2{padding-top:3%;
}

#re3 .s_a_p2{padding-top:3%;
}
}

@media (max-width: 850px) {
#kanae_last_box{
position: relative; top:20px; left:3%;
}
}

@media (max-width: 780px) {
#k_a_g_box{height:550px;
}
#size_img_k, #size_img_a, #size_img_g{width:280px; 
	height:280px; border-radius:280px;
}
#size_img_k{margin:0 auto;
}
#size_img_a{top:-35px; left:-140px; margin:0 auto;
}
#size_img_g{top:-315px; left:140px; margin:0 auto;
}
#size_img_k p, #size_img_a p, #size_img_g p{line-height:2.3;
}
}

@media (max-width: 770px) {
#gotoku_last_box{
position: relative; bottom:180px; left:80%;
}
#akane_last_box{
position: relative; bottom:80px; left:42%;
}

.maru_boxs {
         width: 100px;
	      line-height: 100px;
	     
	     font-size: 26px}

#re1 .s_a_p1{padding-top:3%;
}


#re2 .s_b_p2{padding-top:3%;
}


#re3 .s_a_p2{padding-top:3%;
}

}

@media (max-width: 660px) {
#k_a_g_box{height:490px;
}
#size_img_k, #size_img_a, #size_img_g{width:250px; 
	height:250px; border-radius:250px;
}
#size_img_k{margin:0 auto;
}
#size_img_a{top:-30px; left:-125px; margin:0 auto;
}
#size_img_g{top:-280px; left:125px; margin:0 auto;
}
#size_img_k p, #size_img_a p, #size_img_g p{
/*
	top:70px; 
*/
	line-height:2.3; 
	font-size:16px;
}
}

@media (max-width: 621px) {
#takuhai_higawari{height:370px;
}
#kanae_last_box{
position: relative; bottom:80px; left:23%;
}
#akane_last_box{
position: relative; bottom:80px; left:23%; margin-left:80px;
}
#gotoku_last_box{
position: relative; bottom:180px; left:23%; margin-left:160px;
}
}

@media (max-width: 625px) {
.higawari_box_c .s_a_p1{font-size:22px;
}
.higawari_box_c .s_a_p2{font-size:22px;
}
.higawari_box_c .s_b_p2{font-size:22px;
}
}

@media (max-width: 610px) {
.higawari_box_c .s_a_p1{font-size:20px;
}
.higawari_box_c .s_a_p2{font-size:20px;
}
.higawari_box_c .s_b_p2{font-size:20px;
}
}

@media (max-width: 607px) {
.higawari_box_c .s_a_p1{padding-top:5%;
}
.higawari_box_c .s_a_p2{padding-top:5%;
}
}


@media (max-width: 600px) {

#re1 .s_a_p1{padding-top:4%;
}

#re2 .s_b_p2{padding-top:4%;
}

#re3 .s_a_p2{padding-top:4%;
}
}

@media (max-width: 590px) {
#k_a_g_box{height:910px;
}
#size_img_k, #size_img_a, #size_img_g{width:300px; 
	height:300px; border-radius:300px;
}
#size_img_k{margin:0 auto;
}
#size_img_a{top:-10px; left:0px; margin:0 auto;
}
#size_img_g{top:-20px; left:0px; margin:0 auto;
}
#size_img_k p, #size_img_a p, #size_img_g p{
/*
	top:80px; 
*/
	line-height:2.5; 
	font-size:16px;
}
}


@media (max-width: 585px) {
.higawari_box_c{height:80px;
}
.higawari_box_c .i_a1{width:240px; 
	height:80px;
}
.higawari_box_c .i_b1{width:240px; 
	height:80px;
}

.higawari_box_c .s_a_p1{font-size:16px;
}
.higawari_box_c .s_a_p2{font-size:16px;
}
.higawari_box_c .s_b_p2{font-size:16px;
}

#re1 .s_a_p1{padding-top:1%;
}

#re2 .s_b_p2{padding-top:1%;
}

#re3 .s_a_p2{padding-top:1%;
}
}

@media (max-width: 515px) {


#takuhai_higawari{height:580px;
}

#takuhai_higawari .small_maru_box{width:150px; 
	height:150px; border-radius:150px;
}

#kanae_last_box{position:relative; bottom:80px; left:15%; margin:0px 0px 0px 70px;
}
#kanae_last_box .small_maru_box2{position: absolute; top:30px; }

#akane_last_box{position: relative; bottom:10px; left:15%; margin:0px 0px 0px 0px;
}
#akane_last_box .small_maru_box2{position: absolute; top:30px; }

#gotoku_last_box{position: relative; bottom:160px; left:15%; margin:0px 0px 0px 140px;
}
#gotoku_last_box .small_maru_box2{position: absolute; top:30px; }

#text_last_box{position: relative; bottom:150px; left:1%;
}

}

@media (max-width: 476px) {
#takuhai_higawari{height:600px;
}
}

@media (max-width: 460px) {
#kanae_last_box{left:13%;
}

#akane_last_box{left:13%;
}

#gotoku_last_box{left:13%;
}
}

@media (max-width: 450px) {
#kanou_diss{display:none;
}
.maru_boxs {
         width: 60px;
	      line-height: 60px;
	     font-size: 16px}
.s_a_p1 i{
       font-size:30px;
}

.s_a_p2 i{
       font-size:30px;
}

.s_b_p2 i{
       font-size:30px;
}

#re1 .s_a_p1{padding-top:3%;
}

#re2 .s_b_p2{padding-top:3%;
}

#re3 .s_a_p2{padding-top:3%;
}

}

@media (max-width: 432px) {
#takuhai_higawari{height:620px;
}
#kanae_last_box{left:10%;
}

#akane_last_box{left:10%;
}

#gotoku_last_box{left:10%;
}
}

@media (max-width: 420px) {

#kanae_last_box{left:7%;
}

#akane_last_box{left:7%;
}

#gotoku_last_box{left:7%;
}
}
@media (max-width: 417px) {
.higawari_box_c .s_a_p1{font-size:16px;
}
.higawari_box_c .s_a_p2{font-size:16px;
}
.higawari_box_c .s_b_p2{font-size:16px;
}
}

@media (max-width: 410px) {
.higawari_box_c{height:60px;
}
.higawari_box_c .i_a1{width:180px; 
	height:60px;
}
.higawari_box_c .i_b1{width:180px; 
	height:60px;
}

#re1 .s_a_p1{padding-top:1%;
}

#re2 .s_b_p2{padding-top:1%;
}

#re3 .s_a_p2{padding-top:1%;
}
}
@media (max-width: 407px) {
#takuhai_higawari{height:650px;
}
#kanae_last_box{left:5%;
}

#akane_last_box{left:5%;
}

#gotoku_last_box{left:5%;
}
}


@media (max-width: 400px) {
#k_a_g_box{height:760px;
	padding-right:0;
	padding-left:0;
}
#size_img_k, #size_img_a, #size_img_g{width:250px; 
	height:250px; border-radius:250px;
}
#size_img_k p, #size_img_a p, #size_img_g p{
/*
	top:70px; 
*/
	line-height:2.1; 
	font-size:16px;
}
}


@media (max-width: 390px) {
#takuhai_higawari{height:560px;
}
#takuhai_higawari .small_maru_box{width:100px; 
	height:100px; border-radius:100px;
}
#kanae_last_box{position:relative; bottom:80px; left:17%; margin:0px 0px 0px 50px;
}
#kanae_last_box .small_maru_box2{position: absolute; top:0px;
}

#akane_last_box{position: relative; bottom:0px; left:17%; margin:0px 0px 0px 0px;
}
#akane_last_box .small_maru_box2{position: absolute; top:0px;
}

#gotoku_last_box{position: relative; bottom:100px; left:17%; margin:0px 0px 0px 100px;
}
#gotoku_last_box .small_maru_box2{position: absolute; top:0px;
}

#text_last_box{bottom:100px;
}
}

@media (max-width: 361px) {
#takuhai_higawari{height:580px;
}
}

@media (max-width: 350px) {
#kanae_last_box{left:14%;
}

#akane_last_box{left:14%;
}

#gotoku_last_box{left:14%;
}
}
@media (max-width: 343px) {
#takuhai_higawari{height:600px;
}
}
@media (max-width: 340px) {
#k_a_g_box{height:700px;
}
#size_img_k, #size_img_a, #size_img_g{width:235px; 
	height:235px; border-radius:235px;
}
#size_img_k p, #size_img_a p, #size_img_g p{
/*
	top:70px; 
*/
	line-height:2.1; 
	font-size:15px;
}
}


@media (max-width: 330px) {
#re1 .s_a_p1{font-size:15px;
}

#re2 .s_b_p2{font-size:15px;
}

#re3 .s_a_p2{font-size:15px;
}

.maru_boxs {
         width: 50px;
	      line-height: 50px;
	     font-size: 14px}

#kanae_last_box{left:11%;
}

#akane_last_box{left:11%;
}

#gotoku_last_box{left:11%;
}
}




/* --------------------------------------イベントページ ------------------------------ */
#event_event{
	position: absolute; 
	bottom:53%; right:9%;
	margin-right:10px;
	color:#f24848; 
	border-bottom:1px solid rgba(242,72,72,1);
	padding-bottom:7px;
	font-size:32px;
	font-weight:bold;
	text-shadow:1px 1px 10px #ffffff; color:rgba(242,72,72,1);
}

#event_event1{
	position: absolute; 
	bottom:42%; right:0%; 
	text-align:left;
	color:#000000; 
	width:250px; 
	padding:2px 9% 2px 0%; 
	display:block; 
	text-shadow:1px 1px 1px #ffffff;
	font-size:16px; 
	font-weight:bold; 
	background-color:rgba(255,225,0,0.7);
}

#event_event2{
	position: absolute; 
	bottom:24%; right:0%; 
	padding:2px 9% 2px 0%; 
	text-align:left;
	width:250px; 
	text-shadow:1px 1px 1px #ffffff;
	font-size:16px; 
	font-weight:bold; 
	background-color:rgba(255,225,0,0.6);
	display:block;
	color:#000000;
}

#event_event1:before{
	position: relative;
	bottom:20px;
	right:12px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: bold;
	font-size:30px;
	color:#ffffff;
	text-shadow:1px 1px 1px #8a583b;
	content: "\f00c";
}

#event_event2:before{
	position: relative;
	bottom:20px;
	right:12px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: bold;
	font-size:30px;
	color:#ffffff;
	text-shadow:1px 1px 1px #8a583b;
	content: "\f00c";
}

#event_event1:hover{color:rgba(237, 90, 7, 1);
}

#event_event2:hover{color:rgba(237, 90, 7, 1);
}

.event_box_slider{
	background-image:url("images/back-event.png");
	/* box-shadow */
	box-shadow:0px 0px 10px 1px #dfdfdf;
	-moz-box-shadow:0px 0px 10px 1px #dfdfdf;
	-webkit-box-shadow:0px 0px 10px 1px #dfdfdf;
}

.event_box_sliders{background-image:url("images/back-event.jpg");
}
.event_box_slider #tate_slider{max-width:600px; margin:0 auto;
}
.event_box_slider #yoko_slider{max-width:800px; margin:0 auto;
}


.event_box {
	max-width:1000px;
	height:auto;
	background-color:#ffffff;
	color:#666666;
	padding:20px 20px 20px 20px;
	margin:30px auto 50px auto;
	 /* box-shadow */
box-shadow:0px 0px 10px 1px #dfdfdf;
-moz-box-shadow:0px 0px 10px 1px #dfdfdf;
-webkit-box-shadow:0px 0px 10px 1px #dfdfdf;
}

.event_boxq{
background-color:#f7f5e6;
position:relative; 
padding:0px 1% 1% 1%;
border:4px solid #ffffff;
 /* box-shadow */
box-shadow:0px 0px 10px 1px #dfdfdf;
-moz-box-shadow:0px 0px 10px 1px #dfdfdf;
-webkit-box-shadow:0px 0px 10px 1px #dfdfdf;
}

.event_boxq h1{
	border-bottom:1px dashed rgba(242,72,72,0.6); 
	padding-top:10px; 
	padding-bottom:5px; 
	margin-top:0px; 
	margin-bottom:10px;
	text-align:center; 
/*
	color:#8a583b; 
	font-size:40px;
*/
	color:#f24848; 
	font-size:28px; 
}

.event_boxq h1 img{vertical-align: bottom; width:450px; margin-top:-22px;
}



.event_box h2{color:#8a583b; font-weight:normal; margin-top:0px; padding:5px 0 0 0; background-color:#f7f5e6;
}

#small_box{
	text-align:center; 
	border-bottom:1px dashed rgba(205,86,56,0.6);
	padding-top:0; 
	position:relative; 
	top:-15px; 
	z-index:29; 
	background-color:#f7f5e6; 
/*
	color:#8a583b; 
	font-size:40px;
*/
	color:#f24848; 
	font-size:28px; 
	font-weight:bold;
}

#small_box img{vertical-align: bottom; width:450px; margin-top:-22px;
}

#text_evevt{margin-top:90px;
background-color:#f7f5e6;
position:relative; 
z-index:30;
padding:0 1%;
border:4px solid #ffffff;
 /* box-shadow */
box-shadow:0px 0px 10px 1px #dfdfdf;
-moz-box-shadow:0px 0px 10px 1px #dfdfdf;
-webkit-box-shadow:0px 0px 10px 1px #dfdfdf;
}

.inline-boxs{height:15px;
}
#kara_box i{color:#f7f5e6;
}
#kara_box{padding-top:20px;
	padding-left:23px; display:block; margin:0 auto; width:77px;
height:80px;
border-top:4px solid #ffffff;
border-right:4px solid #ffffff;
border-left:4px solid #ffffff;
/* box-shadow */
box-shadow:0px 0px 10px 1px #dfdfdf;
-moz-box-shadow:0px 0px 10px 1px #dfdfdf;
-webkit-box-shadow:0px 0px 10px 1px #dfdfdf;
background-color:#f7f5e6;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
 position:relative; top:-51px;
z-index:0;
}


/* ボタンの大きさと位置をここで指定 */
#btn_boxs{position:relative;
}
#btn_boxs .inline_box {position: absolute; bottom:-15px; right:13px;  
  border-radius:10px;
background-color:rgba(255,225,0,1); padding:1px 4px; color:#ffffff; 
text-shadow:1px 1px 1px #8a583b; display: inline-block;
}



#text_evevt ul{padding-left:1%;
	padding-right:1%; border-radius:10px;
border:4px solid rgba(255,225,0,0.8); background-color:#ffffff;
}


#text_evevt ul li {color:rgba(0,0,0,0.8);
	     list-style:none; 
	     border-bottom: 1px dotted #cccccc;
	     padding-top:3%;
	     padding-bottom:3%;
text-indent:-18.3%; 
padding-left:18.3%}
#text_evevt ul li:last-of-type{border-bottom:none;
}


#text_evevt ul li .c_kuro{color:#000000; display:inline-block; width:21%; text-indent:0;
}
#text_evevt ul li #color_border:before{
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
padding-right: 2px;
color:rgba(255,225,0,1);
content: "\f105";
}

#top_bottom_b a i{padding-right:5px;
}
#top_bottom_b a {margin:30px auto;
 text-align:center;
display:block;
         padding:10px;
         width:300px;
         background-color:#ffffff;
         font-size:1.1em;
         border-radius: 2em;
         border-bottom:3px solid #cccccc;
         border-top:1px solid #cccccc;
         border-left:1px solid #cccccc;
         border-right:1px solid #cccccc;         
color:#000000;
-webkit-appearance: none;
}

#top_bottom_b:active {/*ボタンを押したとき*/
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

#top_bottom_b a:focus {background-color:rgba(255,225,0,1); position:relative; top:3px;
border-bottom:3px solid #f7f5e6;
         border-top:1px solid #f7f5e6;
         border-left:1px solid #f7f5e6;
         border-right:1px solid #f7f5e6;
}

#top_bottom_b a:hover {background-color:rgba(255,225,0,1); position:relative; top:3px;
border-bottom:3px solid #f7f5e6;
         border-top:1px solid #f7f5e6;
         border-left:1px solid #f7f5e6;
         border-right:1px solid #f7f5e6;
}


.event_p_p{color:#8a583b;
}


@media (max-width: 1070px) {
.event_boxq h1{
	font-size:36px;
}
.event_boxq h1 img{width:370px; margin-top:-17px;
}
#small_box{font-size:36px;
}
#small_box img{width:370px; margin-top:-17px;
}
.event_box h2{font-size:20px;
}
}

@media (max-width: 950px) {
.event_boxq h1 img{width:330px; margin-top:-14px;
}
#small_box img{width:330px; margin-top:-14px;
}
.event_box h2{font-size:19px; padding:15px 0 0 0; margin-bottom:0px; position:relative; z-index:40; top:-13px;
}
#text_evevt ul{margin-top:0px;
}
#btn_boxs .inline_box {position: absolute; bottom:-15px;
}

}

@media (max-width: 900px) {
.event_boxq h1{
	font-size:30px;
}
#small_box{font-size:30px;
}
}

@media (max-width: 860px) {
.event_boxq h1 img{width:310px; margin-top:-11px;
}
#small_box img{width:310px; margin-top:-11px;
}
.event_box h2{font-size:16px;
}
}

@media (max-width: 790px) {
.event_boxq h1{
	font-size:28px;
}
.event_boxq h1 img{width:290px; margin-top:-10px;
}
#small_box{font-size:28px;
}
#small_box img{width:290px; margin-top:-10px;
}
.event_box h2{font-size:17px;
}
}

@media (max-width: 770px) {
.event_box{margin-top:25px;
}
}

@media (max-width: 740px) {
.event_boxq h1{
	position:relative; top:0px; margin-bottom:10px;
}
.event_boxq h1 img{width:270px;
}
#small_box img{width:270px;
}
}

@media (max-width: 700px) {
.event_boxq h1{
	font-size:26px;
	padding-top:5px;
}
.event_boxq h1 img{width:250px;
}
#small_box{font-size:26px;
}
#small_box img{width:250px;
}
.event_box h2{font-size:16px; margin:0; top:-15px;
}
}
@media (max-width: 390px) {
.event_boxq h1{
	font-size:22px;
	padding-bottom:0px;
}
#small_box{font-size:22px;
}
}


@media (max-width: 1040px) {
.event_box {width:80%;
}
}
@media (max-width: 910px) {
#event_event{position: absolute; bottom:53%; right:9%; margin-right:12px;
}
#event_event1{position: absolute; bottom:43%; right:0%;
}
#event_event2{position: absolute; bottom:21%; right:0%;
}
}
@media (max-width: 820px) {
#event_event{position: absolute; bottom:55%; font-size:28px; margin-right:44px;
}
#event_event1{position: absolute; bottom:42%; width:250px;
}
#event_event2{position: absolute; bottom:20%; width:250px;
}
}
@media (max-width: 790px) {
#event_event{position: absolute; bottom:58%; margin-right:60px; font-size:24px;
}
#event_event1{position: absolute; bottom:40%; right:0%; font-weight:normal;
}
#event_event2{position: absolute; bottom:17%; right:0%; font-weight:normal;
}
}
@media (max-width: 770px) {.event_box h2{font-size:16px;
}
#text_evevt ul li{font-size:14px;
}
.event_p_p{font-size:14px;
}
}
@media (max-width: 700px) {
#event_event{position: absolute; bottom:65%;
}
#event_event1{position: absolute; bottom:50%;
}
#event_event2{position: absolute; bottom:30%;
}
}
@media (max-width: 550px) {
#text_evevt ul li #color_border:before{display:none;
}
#text_evevt ul li .c_kuro{display:block; width:100px;
}
#text_evevt ul li .c_kuro:after{
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
padding-left: 3px;
color:#cccccc;
content: "\f107";
}

#text_evevt ul li{padding-left:0%; 
	              text-indent:0%;
}
#top_bottom_b a {
         padding:10px;
         width:220px;
}
}
@media (max-width: 450px) {
#event_event{position: absolute; bottom:61%; margin-right:22px;
}
#event_event1{position: absolute; bottom:45%;
	padding-right:0%;
}
#event_event2{position: absolute; bottom:20%;
	padding-right:0%;
}
#event_event1:before{
bottom:20px;
right:9px;
font-size:22px;
}
#event_event2:before{
bottom:20px;
right:9px;
font-size:22px;
}
}

@media (max-width: 420px) {
#event_event{margin-right:24px;
padding-bottom:1px;
}
}


@media (max-width: 390px) {
#top_bottom_b a{width:190px;
}
#event_event{position: absolute; bottom:130px; margin-right:26px;
}
#event_event1{position: absolute; bottom:90px;
}
#event_event2{position: absolute; bottom:30px;
}
}

@media (max-width: 350px) {
#event_event{position: absolute; bottom:120px; margin-right:28px;
}
#event_event1{position: absolute; bottom:80px;
}
#event_event2{position: absolute; bottom:20px;
}
}

@media (max-width: 330px) {
#event_event{position: absolute; bottom:105px; margin-right:29px;
}
#event_event1{position: absolute; bottom:70px;
}
#event_event2{position: absolute; bottom:15px;
}
}

/* -------------------------------------- 各採用情報ページ。クライアント様用------------------------------ */

#sub_recruit_box{border:1px solid rgba(204,204,204,0.6);
	   margin-bottom:30px;
	   padding:5px;
	   /* box-shadow */
box-shadow:0px 0px 10px 1px #dfdfdf;
-moz-box-shadow:0px 0px 10px 1px #dfdfdf;
-webkit-box-shadow:0px 0px 10px 1px #dfdfdf;
}

#sub_recruit_box img{vertical-align: bottom;
}
#sub_recruit_box h2 {font-size:20px;
	      background: linear-gradient(-45deg, rgba(255, 225, 0, 0.7), rgba(255, 225, 0, 1)); 
	      margin-top:0px;
	       margin-bottom:5px;
	       padding-top:12px;
	       padding-bottom:12px;
	        padding-left:20px;
	       font-weight:normal;
color:#000000;
}

#sub_recruit_box table{width:100%;
}


#sub_recruit_box table th {background-color: rgba(255,225,0,0.2);
	  border-bottom:1px solid #cccccc;
	  border-left:1px solid #cccccc;
	  width:29%;
}

#sub_recruit_box table td{border-bottom:1px solid #cccccc;
	            border-right:1px solid #cccccc;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
}


.recruit_b {padding:10px;
         width:300px;
         display: block;
         margin:30px auto;
         background-color:#ffffff;
         font-size:1.1em;
         border-radius: 2em;
         border-bottom:3px solid #cccccc;
         border-top:1px solid #cccccc;
         border-left:1px solid #cccccc;
         border-right:1px solid #cccccc;
        text-align:center;
color:#000000;
-webkit-appearance: none;
transition: .8s;
}

.recruit_b:active {/*ボタンを押したとき*/
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);/*下に動く*/
  border-bottom: none;/*線を消す*/}

.recruit_b:focus{background-color:rgba(255,225,0,1); position:relative; top:3px;
border-bottom:3px solid #fbfbfb;
         border-top:1px solid #fbfbfb;
         border-left:1px solid #fbfbfb;
         border-right:1px solid #fbfbfb;
}
.recruit_b:hover{background-color:rgba(255,225,0,1); position:relative; top:3px;
border-bottom:3px solid #fbfbfb;
         border-top:1px solid #fbfbfb;
         border-left:1px solid #fbfbfb;
         border-right:1px solid #fbfbfb;
}

#kakumaru_c_k_id{margin-bottom:40px; margin-top:40px;
}
#recruit_b03{margin-bottom:40px;
}

#sub_recruit_box table td:empty {background-image: linear-gradient(to top right,
	          transparent, transparent 48%,
	          #f2f2f2 48%, #f2f2f2  52%,
	          transparent 52%, transparent);
}





@media (max-width: 550px) {
.recruit_b {
         padding:10px;
         width:200px;
}

#sub_recruit_box table th, #sub_recruit_box table td{font-size:14px}
}

@media (max-width: 500px) {
#pan_box_box{width:98%;
	padding-left:1%;
	padding-right:1%;
}
#kakumaru_c_k_id{margin-bottom:20px; margin-top:20px;
}
#recruit_b03{margin-bottom:30px;
}
}

@media (max-width: 410px) {
.recruit_b {width:190px; font-size:16px;
}
}





/* -------------------------------------- 献立表 ------------------------------ */
.menugai{font-size:16px; color: #8a583b;
	padding-left:10px;
}

@media (max-width: 670px) {
.menugai{display:block; position: absolute; top:40px; z-index:90; padding:0;
width:95%; text-align:right;
}	
}
@media (max-width: 450px) {
.menugai{text-align:left; font-size:14px;
}
}
@media (max-width: 378px) {
.menugaiss{display:none;
}	
}

#left_borderk{font-size:16px;
	border-left:10px solid rgba(243,153,0,0.8);
	   color:#000000;
	   padding-left:10px;
	   padding-top:5px;
	   padding-bottom:5px;
background-color: rgba(243,153,0,0.1); position:relative;
}

#header_text{height:auto;
}

/* 基本献立ヘッダータイトル -menu- */
#kondate_kondate{
	position: absolute; 
	bottom:58%; 
	margin-left:9%;
	display:block; margin-top:60px;
	border-bottom:1px solid rgba(242,72,72,1);
	padding-bottom:7px;
	font-size:32px;
	font-weight:bold;
	text-shadow:1px 1px 10px #ffffff; color:rgba(242,72,72,1);
}
#kondate_kondate .menu_sen{
	font-size:16px;
	padding-left:20px; vertical-align:middle;
}

.a_link_kondate{
	text-align:right; 
	display:block; 
	width:242px; 
	height:38px; 
	padding:4px 38px 2px 9%;
	font-size:24px; 
/*
	font-weight:bold; 
	text-shadow:1px 1px 10px #ffffff; 
	color:#000000;
*/
}

#kanae_kondate{
	position: absolute; 
	bottom:65%; 
	left:0%;   
	background: linear-gradient(-45deg, rgba(243, 153, 0, 0.8), rgba(243, 153, 0, 0.6));
}

#kanae_kondate:before{
	position: relative;
	bottom:0px;
	left:94px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: bold;
	font-size:20px;
	content:"\f0d7";
}


#akane_kondate{
	position: absolute; 
	bottom:50%; 
	left:0%;
	background: linear-gradient(-45deg, rgba(237, 30, 121, 0.8), rgba(237, 30, 121, 0.6));
}

#akane_kondate:before{
	position: relative;
	bottom:0px;
	left:94px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: bold;
	font-size:20px;
	content: "\f0d7";
}


#gotoku_kondate{
	position: absolute; 
	bottom:35%; 
	left:0%;
	background: linear-gradient(-45deg, rgba(237, 28, 36, 0.8), rgba(237, 28, 36, 0.6));
}

#gotoku_kondate:before{position: relative;
	bottom:0px;
	left:72px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: bold;
	font-size:20px;
	content: "\f0d7";
}


#kanae_kondate:hover, #akane_kondate:hover, #gotoku_kondate:hover
{
	color:rgba(255, 255, 255, 1); text-shadow: 1px 1px 1px #000000;
}

.kanae1 {
    text-align:center;
    font-size:20px;
}
.kanae1 a{
    transition: .8s;
    display:inline-block; 
    padding:10px; 
    color:#000000; text-shadow:1px 1px 1px #ffffff;
    border-radius: 2em;
    box-shadow:0 3px 3px #cccccc;
    -webkit-appearance: none;
       }
.kanae1 i{
    padding-right:5px; font-weight:bold;
}
.kanae1 a:active {
    /*ボタンを押したとき*/
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}
#akane_link_b a{background-color:rgba(243, 153, 0,0.8);
}
#akane1 a{background-color:rgba(237, 30, 121, 0.7);
}
#gotoku1 a{background-color:rgba(237, 28, 36, 0.7);
}

#akane_link_b a:hover{text-shadow:1px 1px 10px #ffe100; box-shadow:none; position:relative; top:3px;
}

#akane1 a:hover{text-shadow:none; border:none; position:relative; top:3px;
}

#gotoku1 a:hover{text-shadow:none; border:none; position:relative; top:3px;
}


#pdf_kanae{position: fixed;
         top:160px;
         right:0px;
          z-index: 990;
         padding:0px 10px 0px 10px;
         font-size:50px;
         border-radius:10px 0 0 10px;
         background-color:rgba(243, 153, 0, 0.7);
color:#000000;
text-shadow:1px 1px 1px #ffffff;	
overflow: hidden;
}

#pdf_kanae a{position: absolute;
top: -100%;
right: -100%;
z-index: 992;
width: 100%;
height: 100%;
color:#ffffff;
background-color:rgba(243, 153, 0, 1);
font-size:20px;
-webkit-transition: .5s;
-ms-transition: .5s;
transition: .5s;
opacity: 1;
text-shadow:none;
}
#pdf_kanae:hover{text-shadow:none; width:100px; 
	height:40px;
	padding-bottom:20px; color:rgba(243, 153, 0, 0.1);
}
#pdf_kanae:hover a{text-align:center;
top: 0;
right: 0; color:#000000;
text-shadow:1px 1px 1px #ffffff;	
}



#pdf_akane{position: fixed;
         top:240px;
         right:0px;
          z-index: 990;
         padding:0px 10px 0px 10px;
         font-size:50px;
         overflow: hidden;
         background-color:rgba(237, 30, 121, 0.7);
color:#ffffff;
}
#pdf_akane a{position: absolute;
top: -100%;
right: -100%;
z-index: 992;
width: 100%;
height: 100%;
color:#ffffff;
background-color:rgba(237, 30, 121, 1);
font-size:20px;
-webkit-transition: .3s;
transition: .3s;
opacity: 1;
}
#pdf_akane:hover{width:100px; 
	height:40px;
	padding-bottom:20px; color:rgba(237, 30, 121, 0.1);
}
#pdf_akane:hover a{text-align:center;
top: 0;
right: 0;
}



#pdf_gotoku{position: fixed;
         top:319px;
         right:0px;
          z-index: 990;
         padding:0px 10px 0px 10px;
         font-size:50px;
         border-radius:0 0 0 10px;
         overflow: hidden;
         background-color:rgba(237, 28, 36, 0.7);
         color:#ffffff;
}
#pdf_gotoku a{position: absolute;
top: -100%;
right: -100%;
z-index: 992;
width: 100%;
height: 100%;
color:#ffffff;
background-color:rgba(237, 28, 36, 1);
font-size:20px;
-webkit-transition: .3s;
transition: .3s;
opacity: 1;
}
#pdf_gotoku:hover{width:100px; 
	height:40px;
	padding-bottom:20px; color:rgba(237, 28, 36, 0.1);
}
#pdf_gotoku:hover a{text-align:center;
top: 0;
right: 0;
}



#kondate_border_top{border-top:1px dotted #cccccc; margin-top:30px;
	padding-top:25px;
}

.kondate_box{max-width:1100px;
	height:auto;
	background-color:#ffffff;
color:rgba(0,0,0,0.8);
	margin:30px auto 50px auto;
	padding-left:20px;
	padding-right:15px;
	padding-bottom:15px;
	 /* box-shadow */
box-shadow:0px 0px 10px 1px #dfdfdf;
-moz-box-shadow:0px 0px 10px 1px #dfdfdf;
-webkit-box-shadow:0px 0px 10px 1px #dfdfdf;
}

.kondate_box h1{
	border-bottom:1px dashed rgba(242,72,72,0.6); 
	padding-top:10px; 
	padding-bottom:5px; 
	margin-top:0px; 
	margin-bottom:10px;
	text-align:center; 
/*
	color:#8a583b; 
	font-size:40px;
*/
	color:#f24848; 
	font-size:28px; 
}

.kondate_box h1 img{vertical-align: bottom; width:450px; margin-top:-22px;
}

@media (max-width: 1070px) {
.kondate_box h1{
	font-size:36px;
}
.kondate_box h1 img{width:370px; margin-top:-17px;
}
}

@media (max-width: 950px) {
.kondate_box h1 img{width:330px; margin-top:-14px;
}
}

@media (max-width: 900px) {
.kondate_box h1{
	font-size:30px;
}
}

@media (max-width: 860px) {
.kondate_box h1 img{width:310px; margin-top:-11px;
}
}

@media (max-width: 790px) {
.kondate_box h1{
	font-size:28px;
}
.kondate_box h1 img{width:290px; margin-top:-10px;
}
}

@media (max-width: 770px) {
.kondate_box{margin-top:25px;
}
}

@media (max-width: 740px) {
.kondate_box h1{
	position:relative; top:0px; margin-bottom:-5px;
}
.kondate_box h1 img{width:270px;
}
}

@media (max-width: 700px) {
.kondate_box h1{
	font-size:26px;
}
.kondate_box h1 img{width:250px;
}
}
@media (max-width: 500px) {
.kondate_box{padding-bottom:1px;
}
}
@media (max-width: 390px) {
.kondate_box h1{
	font-size:22px;
}
}

.kondate_box ul{position: relative;
      width:16.25%;
      height:372px;
	/* box-shadow */
	box-shadow:0px 0px 10px 1px #cccccc;
	-moz-box-shadow:0px 0px 10px 1px #cccccc;
	-webkit-box-shadow:0px 0px 10px 1px #cccccc;
	/* border */
	border:2px solid #ffffff;
	padding-left:0;
}


.kondate_box ul li {
	list-style:none;
      padding:5px;
}

.kondate_box ul li:first-of-type{
	text-align:center;
      border-bottom:1px solid #cccccc;
}

.kondate_box .text_i_i, 
.kondate_box .text_i_b, 
.kondate_box .text_i_c
{
	text-indent:-5px; 
	height:40px;
}

.kondate_box .text_i_i:before {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
color:rgba(243,153,0,0.8);
padding-right: 1px;
content: "\f0da";
}

.kondate_box .text_i_b:before {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
 color:rgba(237,30,121,0.8);
padding-right: 1px;
content: "\f0da";
}

.kondate_box .text_i_c:before {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
 color: rgba(237,28,36,0.8);
padding-right: 1px;
content: "\f0da";
}


.kondate_box ul li table{position: absolute;
         bottom: 5px;
         left: 0px;
         width: 98%; margin:0 1%;
        border:1px solid #cccccc;
         table-layout: fixed;
         
}
.kondate_box table th{border:1px solid #cccccc;
}
.kondate_box table td{border:1px solid #cccccc;
}


.seru_a table th{background-color: rgba(243,153,0,0.1);
}
.seru_b table th{background-color: rgba(237,30,121,0.1);
}
.seru_c table th{background-color: rgba(237,28,36,0.2);
}
.kondate_box table td{text-align:right;
} 


.clear_fixs:after {
    display: block;
    clear: left;
    content: "";
}

.kondate_box ul{float:left;
}

/* ----------------------献立表1300px以下------------------------------ */
@media (max-width: 1300px) {
#kanae_kondate{bottom:50%;
}
#akane_kondate{bottom:30%}
#gotoku_kondate{bottom:10%}
}


@media (max-width: 1160px) {
.kondate_box{max-width:95%;
}
}
@media (max-width: 1135px) {
.kondate_box ul{height:450px;
}

.kondate_box .text_i_i{height:59px;
}
.kondate_box .text_i_b{height:59px;
}
.kondate_box .text_i_c{height:59px;
}
}
@media (max-width: 1100px) {
.kondate_box{max-width:80%;
}
.kondate_box ul{height:360px; width:32.6%;
}

.kondate_box .text_i_i{height:37px;
}
.kondate_box .text_i_b{height:37px;
}
.kondate_box .text_i_c{height:37px;
}
}

@media (max-width: 910px) {
#pdf_kanae{position: fixed;
         top:100px;
         right:0px;
         font-size:30px;
         }
#pdf_akane{position: fixed;
         top:160px;
         right:0px;
         font-size:30px;
         }
#pdf_gotoku{position: fixed;
         top:220px;
         right:0px;
         font-size:30px;
         }

#kondate_kondate{position: absolute; bottom:52%;
}
#kanae_kondate{position: absolute; bottom:48%;
}
#akane_kondate{position: absolute; bottom:30%;
}
#gotoku_kondate{position: absolute; bottom:12%;
}
}


@media (max-width: 820px) {
#kondate_kondate{bottom:160px; font-size:28px;
}
#kanae_kondate{width:200px; bottom:51%;
}
#akane_kondate{width:200px; bottom:31%;
}
#gotoku_kondate{width:200px; bottom:11%;
}

}


@media (max-width: 790px) {
#kondate_kondate{position: absolute; bottom:150px; font-size:24px;
}
#kanae_kondate{position: absolute; bottom:50%; font-size:16px; width:181px; font-weight:normal;
}
#akane_kondate{position: absolute; bottom:30%; font-size:16px; width:181px; font-weight:normal;
}
#gotoku_kondate{position: absolute; bottom:10%; font-size:16px; width:181px; font-weight:normal;
}

#kanae_kondate:before{
left:77px;
}

#akane_kondate:before{
left:77px;
}

#gotoku_kondate:before{
left:59px;
}
}

@media (max-width: 770px) {
.kondate_box ul{width:49%;
height:360px;
}
.kondate_box .text_i_i{height:37px;
}
.kondate_box .text_i_b{height:37px;
}
.kondate_box .text_i_c{height:37px;
}
}

@media (max-width: 700px) {
#kondate_kondate{position: absolute; bottom:60%; font-size:24px;
}
#kanae_kondate{position: absolute; bottom:50%;
}
#akane_kondate{position: absolute; bottom:35%;
}
#gotoku_kondate{position: absolute; bottom:20%;
}
}
@media (max-width: 520px) {
.kondate_box ul{width:48.5%;
}
}
@media (max-width: 500px) {
.kondate_box{padding-left:5px;
	padding-right:5px;
}
.kondate_box ul{width:98.5%;
height:290px;
}
.kondate_box .text_i_i{height:20px;
}
.kondate_box .text_i_b{height:20px;
}
.kondate_box .text_i_c{height:20px;
}
}

@media (max-width: 450px) {
#men_sennn{display:none;
}

#kondate_kondate{position: absolute; bottom:62%;
}
#kanae_kondate{position: absolute; bottom:51%; width:90px;
}
#akane_kondate{position: absolute; bottom:34%; width:90px;
}
#gotoku_kondate{position: absolute; bottom:17%; width:90px;
}
}

@media (max-width: 440px) {
.kondate_box ul{height:360px;
}

.kondate_box .text_i_i{height:37px;
}
.kondate_box .text_i_b{height:37px;
}
.kondate_box .text_i_c{height:37px;
}
}

@media (max-width: 420px) {
#kondate_kondate{
padding-bottom:1px;
}
}

@media (max-width: 413px) {
.kanae1 a .display_none{display:none;
}
}

@media (max-width: 390px) {
#kondate_kondate{position: absolute; margin-left:5%;
}
#kanae_kondate{position: absolute; bottom:50%; width:76px;
}
#akane_kondate{position: absolute; bottom:30%; width:76px;
}
#gotoku_kondate{position: absolute; bottom:10%; width:76px;
}
}

@media (max-width: 350px) {
.kondate_box .left_border{font-size:16px;
}

#kanae_kondate{position: absolute; bottom:105px;
}
#akane_kondate{position: absolute; bottom:60px;
}
#gotoku_kondate{position: absolute; bottom:15px;
}
}

/* ------------------- 求人フォーム ------------------- */

#contact_t_left0{
	position: absolute;
	bottom: 45%;
	right: 9%;
	border-bottom:1px solid rgba(237, 90, 7, 1);
	padding-bottom:8px; 
	font-size:36px;
	font-weight:bold; 
	text-shadow:1px 1px 1px #ffffff; color:rgba(237, 90, 7, 1);
}

#contact_t_left20{
position: absolute;
bottom: 37%;
right:0;
display:block;
padding:2px 9% 2px 0; text-shadow:1px 1px 10px #ffffff; width:335px;
font-size:16px; font-weight:bold; background: linear-gradient(-45deg, rgba(237, 90, 7, 0.7), rgba(237, 90, 7, 0.7));
color:#000000;
}

#contact_t_left20:before{position: relative;
bottom:21px;
left:-11px;
font-family: FontAwesome;
font-style: normal;
font-weight: bold;
font-size:30px;
content: "\f00c"; color:#ffffff; text-shadow:1px 1px 10px #8a583b;
}


#contact_t_left20:focus{color:rgba(255, 225, 0, 1); text-shadow:1px 1px 1px #000000;
}
#contact_t_left20:hover{color:rgba(255, 225, 0, 1); text-shadow:1px 1px 1px #000000;
}


#job_boxs{
	max-width:1000px;
	background-color:#ffffff;
	color:#666666;
	margin:30px auto;
	padding-left:20px;
	padding-bottom:45px;
	padding-right:20px;
	/* box-shadow */
	box-shadow:0px 0px 10px 1px #dfdfdf;
	-moz-box-shadow:0px 0px 10px 1px #dfdfdf;
	-webkit-box-shadow:0px 0px 10px 1px #dfdfdf;
}

#job_boxs h1 {
	border-bottom:1px dashed rgba(242,72,72,0.6); 
	padding-top:10px; 
	padding-bottom:5px; 
	margin-top:0px; 
	margin-bottom:10px;
	text-align:center; 
/*
	color:#8a583b; 
	font-size:40px;
*/
	color:#f24848; 
	font-size:28px; 
}

#job_boxs h1 img{vertical-align: bottom; width:450px; margin-top:-22px;
}

#t_hyaku0{width:100%}

#t_hyaku0 th {width:33%;
           text-align:left;
           font-weight:normal; border-radius:5px;
}

#t_hyaku0 th {border-bottom:1px solid #cccccc;
           padding-top:10px;
           padding-bottom:10px;
           padding-left:1%;
           background-color:rgba(237, 90, 7, 0.6);
color:#000000; 
}

#t_hyaku0 td {
           padding-top:10px;
           padding-bottom:10px;
           padding-left:10px;
           border:0px solid #cccccc;
}

#t_10 input{width:47%; font-size:16px;
         height:20px;
}

#t_20 input{width:98%; font-size:16px;
         height:20px;
}

#t_30 input{width:47%; font-size:16px;
         height:20px;
}

#t_40 input{width:30%; font-size:16px;
         height:20px;
}

#t_50 input{width:98%; font-size:16px;
         height:20px;
}

#drop_syokusyu{font-size:16px; width:300px; 
	height:30px;
}

#t_70 textarea{width:98%; font-size:16px;
         height:200px;
}

#default_get input{width:47%; 
	height:20px; font-size:16px;
}


#kaku_red_10{position: absolute; 
left: 85%; bottom:5px;
}
#kaku_red_20{position: absolute; 
left: 85%; bottom:5px;
}
#kaku_red_30{position: absolute; 
left: 85%; bottom:5px;
}
#kaku_red_40{position: absolute; 
left: 85%; bottom:100px;
}


@media (max-width: 1080px) {
#job_boxs{max-width:80%;
}
#kaku_red_10{left: 80%;
}
#kaku_red_20{left: 80%;
}
#kaku_red_30{left: 80%;
}
#kaku_red_40{left: 80%;
}
}
@media (max-width: 850px) {
#kaku_red_10{left: 77%;
}
#kaku_red_20{left: 77%;
}
#kaku_red_30{left: 77%;
}
#kaku_red_40{left: 77%;
}
}

@media (max-width: 820px) {
#contact_t_left0{
bottom: 48%;
right: 9%;
font-size:28px;
}

#contact_t_left20{
         bottom: 34%;
         width:288px;
font-size:16px;
}
}

#t_hyaku0 input[type="button"]{-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
appearance: none;
font-size:15px; display:inline-block; width:75px; 
	height:30px; background-color:rgba(181,181,182,0.1);
border-radius:5px;
border:1px solid rgba(0,0,0,0.3); box-shadow:2px 2px 2px #cccccc;
margin-left:10px; transition: .4s;
}

#t_hyaku0 input[type="button"]:hover{cursor: pointer; position:relative; top:2px; left:2px; box-shadow:none;
}


@media (max-width: 790px) {
#contact_t_left0{
bottom: 49%;
font-size:24px;
}

#contact_t_left20{
         bottom: 32%;
         width:266px;
font-weight:normal;
}
}

@media (max-width: 770px) {
#job_boxs{max-width:80%;
	padding-bottom:45px;
}
#t_hyaku0 tr th {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#t_hyaku0 tr td {padding-left:0;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#t_10 input{width:300px;
}

#t_20 input{width:95%;
}

#t_30 input{width:300px;
}

#t_40 input{width:150px;
}
#t_hyaku0 input[type="button"]{width:90px;
}

#t_50 input{width:95%;
}

#drop_syokusyu{width:280px;
}

#t_70 textarea{width:95%;
}
#t_70 br{display:none;
}
#t_70 .position_relative2{position:relative; right:4px;
}

#default_get input{width:300px;
}

#kaku_red_10{left: 60px; bottom:6px;
}
#kaku_red_20{left: 125px; bottom:6px;
}
#kaku_red_30{left: 75px; bottom:6px;
}
#kaku_red_40{left: 140px; bottom:6px;
}
}

@media (max-width: 450px) {

#contact_t_left20{bottom: 35%; display:none;
}
#contact_t_left20:before{
bottom:19px;
left:-7px;
font-size:22px;
}
#t_10 input{width:95%; font-size:14px;
}
#t_20 input{font-size:14px;
}
#t_30 input{width:95%; font-size:14px;
}
#t_40 input{width:110px; font-size:14px;
}
#t_50 input{font-size:14px;
}
#t_60 input{font-size:14px;
}
#t_70 textarea{font-size:14px;
}
#drop_syokusyu{width:200px; font-size:14px;
}

#default_get input{width:95%; font-size:14px;
}
}

@media (max-width: 420px) {
#contact_t_left0{
bottom: 51%; right:5%;
	padding-bottom:1px;
}

#contact_t_left20{padding-right:5%; width:265px;
         bottom: 33%;
}
}

@media (max-width: 378px) {
#contact_t_left0{
bottom: 48%; right:5%;
}

#contact_t_left20{padding-right:5%;
         bottom: 30%;
}
}

@media (max-width: 365px) {
#t_10 input{width:92%;
}
#t_20 input{width:92%;
}
#t_30 input{width:92%;
}
#t_50 input{width:92%;
}
#t_70 textarea{width:92%;
}
}

#job_boxs h1{
	margin-bottom:0px;
}

@media (max-width: 1070px) {
#job_boxs h1 {font-size:36px;
}
#job_boxs h1 img{width:370px; margin-top:-17px;
}
}

@media (max-width: 950px) {
#job_boxs h1 img{width:330px; margin-top:-14px;
}
}

@media (max-width: 900px) {
#job_boxs h1 {font-size:30px;
}
}
	
@media (max-width: 860px) {
#job_boxs h1 img{width:310px; margin-top:-11px;
}
}

@media (max-width: 790px) {
#job_boxs h1 {font-size:28px;
}
#job_boxs h1 img{width:290px; margin-top:-10px;
}
}

@media (max-width: 770px) {
#job_boxs{margin-top:25px;
}
#list_list_max{position:relative; top:-5px;
}
}

@media (max-width: 740px) {
#job_boxs h1{
	position:relative; top:0px;
}
#job_boxs h1 img{width:270px;
}
#list_list_max{position:relative; top:-5px;
}
}

@media (max-width: 700px) {
#job_boxs h1 {font-size:26px;
}
#job_boxs h1 img{width:250px;
}
}
@media (max-width: 390px) {
#job_boxs h1 {font-size:22px;
}
}
	
/* -------------------------------------- その他、エディターCSS ------------------------------ */
/* ------------------- 画像 ------------------- */

/* 画像のキャプション */
.wp-caption-text	{margin: 0;
	color: #666666;
	font-size: 10px;
	text-align: center}

.wp-caption-text a	{color: #666666}

/* 画像の配置 */
.aligncenter	{display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto}

@media (max-width: 599px) {
	.alignleft, .alignright	{display: block;
		margin-top: 30px;
		margin-bottom: 30px;
		margin-left: auto;
		margin-right: auto}
}

@media (min-width: 600px) {
	.alignleft	{float: left;
		margin-top: 10px;
		margin-bottom: 20px;
		margin-right: 30px}

	.alignright	{float: right;
		margin-top: 10px;
		margin-bottom: 20px;
		margin-left: 30px}
}


/* Internet Explorer用の設定 */
a img{border: none}

/* 大きい画像用の設定 */
img, .wp-caption{max-width: 100%;
	height: auto}

/* アイキャッチ画像 */
.catch	{margin-top: 30px;
	margin-bottom: 30px}


/* ------------------- 外部コンテンツ ------------------- */
iframe{max-width: 100%}


/* YouTubeのビデオ */
.ytvideo	{position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 30px}

.ytvideo iframe	{position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%}

/* ------------------- topに戻るボタン ------------------- */
#pageTop {
	position: fixed;
	bottom: 70px;
	right: 15px;
	z-index: 999;
}
 #pageTop a img{width:100%;
}
#pageTop a {
/*
	width:70px;
*/
	width:60px;
	display: inline-block;
	text-decoration: none;
}

#pageTop a{transition: .4s;
}
#pageTop a:hover {
	text-decoration: none;
	opacity:0.8;
/*
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(255,225,0,0.8)
*/
}
 

/* ------------------- アニメーション ------------------- */
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}

.animated.infinite {
animation-iteration-count: infinite;
}

.animated.hinge {
animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
animation-duration: .75s;
}

@keyframes flipInX {
from {
  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  animation-timing-function: ease-in;
  opacity: 0;
}

40% {
  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  animation-timing-function: ease-in;
}

60% {
  transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  opacity: 1;
}

80% {
  transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}

to {
  transform: perspective(400px);
}
}

.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInX;
}

@keyframes fadeInLeft {
from {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

to {
  opacity: 1;
  transform: none;
}
}

.fadeInLeft {
animation-name: fadeInLeft;
}

.test-animation{
animation-duration: 1s;
/* 1秒待ってからアニメーションする */
-webkit-animation-duration: 1s;
animation-delay:1s;
}


@keyframes fadeInRight {
from {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

to {
  opacity: 1;
  transform: none;
}
}

.fadeInRight {
animation-name: fadeInRight;
}


.test-animation_a{
/* 6秒かけてアニメーションする */
-webkit-animation-duration: 6s;
animation-duration: 6s;
/* 1秒待ってからアニメーションする */
-webkit-animation-duration: 0.5s;
animation-delay:0.5s;
/* 1回繰り返す */
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

.test-animation_b{
/* 6秒かけてアニメーションする */
-webkit-animation-duration: 6s;
animation-duration: 6s;
/* 1秒待ってからアニメーションする */
-webkit-animation-duration: 1s;
animation-delay:1s;
}

.test-animation_c{
/* 6秒かけてアニメーションする */
-webkit-animation-duration: 6s;
animation-duration: 6s;
/* 1秒待ってからアニメーションする */
-webkit-animation-duration: 1.5s;
animation-delay:1.5s;
}

.test-animation-aa{
/* 7秒かけてアニメーションする */
-webkit-animation-duration: 7s;
animation-duration: 7s;
/* 1秒待ってからアニメーションする */
-webkit-animation-duration: 0.5s;
animation-delay: 0.5s;
}
.test-animation-logo{
/* ５秒かけてアニメーションする */
 -webkit-transition-duration: .10s;
 -webkit-transition-duration: .10s;
 /* 4秒待ってからアニメーションする */
-webkit-animation-duration: 10s;
animation-delay: 0s;
/* 5回繰り返す */
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

.test-animation_z{
/* ５秒かけてアニメーションする */
 -webkit-transition-duration: .15s;
 /* 4秒待ってからアニメーションする */
-webkit-animation-duration: 15s;
animation-delay: 0s;
-webkit-animation-iteration-count: 999;
animation-iteration-count: 999;
}




@keyframes fadeInUp {
from {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}

to {
  opacity: 1;
  transform: none;
}
}

.fadeInUp {
animation-name: fadeInUp;
}

@keyframes fadeInDown {
from {
  opacity: 0;
  transform: translate3d(0, -100%, 0);
}

to {
  opacity: 1;
  transform: none;
}
}

.fadeInDown {
animation-name: fadeInDown;
}


/* ------------------- アニメーションテキスト ------------------- */

figure {
position: relative;
overflow: hidden;
width: 250px;
background: #ffffff;
}
figure img {
position: relative;
z-index: 1;
-webkit-transition: .4s;
-ms-transition: .4s;
transition: .4s;
}
figure #i_f_1{
position: absolute;
top:10px;
right:10px;
z-index: 4;
font-size:24px;
padding:3px 12px;
border-radius:60px;
background-color:rgba(255, 225, 0, 1);
color:#8a583b;
}

figure #i_f_2{
position: absolute;
top:10px;
right:10px;
z-index: 4;
font-size:24px;
padding:2px 16px;
border-radius:60px;
background-color:rgba(255, 225, 0, 1);
color:#8a583b;
}

figure #i_f_3{
position: absolute;
top:10px;
right:10px;
z-index: 4;
font-size:24px;
padding:4px 12px;
border-radius:60px;
background-color:rgba(255, 225, 0, 1);
color:#8a583b;
}

figure #i_f_4{
position: absolute;
top:10px;
right:10px;
z-index: 4;
font-size:24px;
padding:2px 12px;
border-radius:60px;
background-color:rgba(255, 225, 0, 1);
color:#8a583b;
}


figcaption {
position: absolute;
bottom: -60px;
left: 0;
z-index: 2;
text-align:center;
font-size:16px;
font-weight:bold;
color:#8a583b;
width: 100%;
height: 60px;
background: rgba(255,225,0,1);
 -webkit-transition: .4s;
-ms-transition: .4s;
transition: .4s;
}
figure:hover img {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
figure:hover figcaption {
bottom: 0;
-webkit-transform: translateY(-0px);
transform: translateY(-0px);
border-bottom:7px solid #ffffff;
}

.Case44 {

  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  -ms-animation: spin 1.5s linear infinite;
  -o-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);
}
	100% {-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);
}
	100% {-moz-transform: rotate(360deg);
}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);
}
	100% {-o-transform: rotate(360deg);
}
}
@keyframes spin {
	0% {transform: rotate(0deg);
}
	100% {transform: rotate(360deg);
}
}

.btn_search{
	width:150px; 
/*
	height:170px;
	font-weight:bold; 
	line-height:8; 
*/
	height:40px;
	text-align:center; 
	background: linear-gradient(-45deg, rgba(237, 90, 7, 0.6), rgba(237, 90, 7, 0.6));
        border:1px solid #f1f1f1; 
	border-radius:10px; 
	color:#000000; 
	font-size:12px;

}


#t_search {width:30%}

#t_search td {
           padding-top:0px;
           padding-bottom:0px;
           padding-left:20px;
           border:0px solid #cccccc;
		   font-size:16px;
}

#t_search select {
		font-size:16px;
}


#t_search input[type="button"]{-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
appearance: none;
font-size:16px; display:inline-block; width:90px;
	height:30px; background-color:rgba(237, 90, 7, 0.6);
border-radius:5px;
border:1px solid rgba(0,0,0,0.3); box-shadow:2px 2px 2px #cccccc;
margin-left:10px; transition: .4s;
}

#t_search input[type="button"]:hover{cursor: pointer; position:relative; top:2px; left:2px; box-shadow:none;
}

#t_search input{height:17px;
}


@media (max-width: 450px) {
#t_search {width:80%;
           /*border:10px solid #cccccc;*/
		/*table-layout:fixed;*/
}

#t_search input{width:80px;
}

#t_search td {
    padding-left:5px;
}
#t_search input[type="button"]{
font-size:12px;
width:50px;
}

}