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


/*  selectPage
*************************/
.main .mainContent.selectPage h2{
	border-bottom: none;
    margin: 0;
    padding: 0;
}
.main .mainContent.selectPage h3 {
    background: #f29300;
    margin: 10px 0 20px 0;
    padding: 10px;
	text-align: center;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
.selectPage .mainImage{
	position: relative;
	height: 336px;
}
.selectPage .mainImage p.img{
	position: absolute;
	top: -10px;
	left: 25px;
}
.main .mainContent.selectPage .right{
	margin: 25px 0 0 0;
}
.selectPage .selectContent{
	padding: 0 0 17px 0;
	background: url(../images/select/icon_arrow.png) no-repeat 21px bottom;
}
.selectPage .selectContent .selectArea{
	background: url(../images/select/bg_dot.png) repeat-y left center;
	padding: 20px 0 20px 70px;
}
.selectPage .selectContent .selectArea .selectBox{
	width: 570px;
}
.selectPage .selectContent .selectArea .selectBox .Box{
	width: 180px;
	float: left;
	margin: 0 0 20px 10px;
}
.selectPage .selectContent .selectArea .selectBox .Box .imgArea{
	width: 180px;
	height: 140px;
	margin: 0;
	overflow: hidden;
}
.selectPage .selectContent .selectArea .selectBox .Box .imgArea img {
    object-fit: cover;
    width: 180px;
	height: 140px;
}
.selectPage .selectContent .selectArea .selectBox .Box h5{
	text-align: center;
	margin: 0;
}
.selectPage .selectContent .selectArea .waku{
	margin: 20px 0 0 0;
	padding: 15px;
	background: #fffbcb;
	border: #8bc53f solid 1px;
}
.selectPage .selectContent .selectArea .waku.gohan{
	padding: 0;
}
.selectPage .selectContent .selectArea .waku.gohan span.bg{
	background: #8bc53f;
	display: inline-block;
	float: left;
	padding: 9px 12px;
}
.selectPage .selectContent .selectArea .waku.gohan span.text{
	padding: 15px;
	display: inline-block;
	float: left;
}
.selectPage .selectContent .selectArea .tsukemono{
	border-top: #221e1f dotted 1px;
	margin: 20px 0 0 0;
	padding: 15px 30px 0 30px;
}
.selectPage .selectContent .selectArea .tsukemono .leftBox{
	width: 300px;
    float: left;
    font-size: 120%;
	font-weight: bold;
	color: #9a8479;
	padding: 20px 0 0 0;
}
.selectPage .selectContent .selectArea .tsukemono .leftBox span.color{
	color: #f29300;
}
.selectPage .selectContent .selectArea .tsukemono .leftBox span.br{
	display: block;
}
.selectPage .selectContent .selectArea .tsukemono .rightBox{
	width: 210px;
	float: right;
}
.selectPage .selectContent .selectArea .option p{
	float: left;
	margin: 0 50px 0 0;
}
.selectPage .selectContent .selectArea .option p.tee{
	padding: 36px 0 0 0;
}
.selectPage .contact {
	padding: 20px 0 0 0;
}
.selectPage .contact .leftBox{
	width: 390px;
    float: left;
}
.selectPage .contact .rightBox{
	width: 186px;
	float: right;
}
@media (max-width: 768px) {
.selectPage .mainImage{
	position: relative;
	height: auto;
}
.selectPage .mainImage p.img{
	position: static;
	margin: 10px 0 0 0;
}
.main .mainContent.selectPage .right{
	margin: 10px 0 20px 0;
	text-align: left;
}
.selectPage .selectContent{
	padding: 0;
	background: none;
}
.selectPage .selectContent .selectArea{
	background: none;
	padding: 15px 0;
}
.selectPage .selectContent .selectArea .selectBox{
	width: 100%;
	margin: 0 0 0 -2%;
}
.selectPage .selectContent .selectArea .selectBox .Box{
	width: 48%;
	margin: 0 0 15px 2%;
}
.selectPage .selectContent .selectArea .selectBox .Box .imgArea{
	width: 100%;
	height: auto;
}
.selectPage .selectContent .selectArea .selectBox .Box .imgArea img {
    width: 100%;
	height: auto;
}
.selectPage .selectContent .selectArea .selectBox .Box h5{
	text-align: center;
	margin: 0;
}
.selectPage .selectContent .selectArea .waku{
	margin: 0;
}
.selectPage .selectContent .selectArea .waku.gohan{
	padding: 0;
}
.selectPage .selectContent .selectArea .tsukemono{
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	text-align: center;
}
.selectPage .selectContent .selectArea .tsukemono .leftBox{
	width: 100%;
    float: none;
	padding: 10px 0 0 0;
}
.selectPage .selectContent .selectArea .tsukemono .leftBox span.br{
	display: inline;
}
.selectPage .selectContent .selectArea .tsukemono .rightBox{
	width: 100%;
    float: none;
}
.selectPage .selectContent .selectArea .option p{
	width: 100%;
	text-align: center;
	float: none;
	margin: 0 0 15px 0;
}
.selectPage .selectContent .selectArea .option p.tee{
	padding: 0;
}
.selectPage .contact {
	padding: 20px 0 0 0;
}
.selectPage .contact .leftBox{
	width: 100%;
    float: none;
}
.selectPage .contact .rightBox{
	width: 100%;
    float: none;
	margin: 15px 0 0 0;
	text-align: center;
}
}



/*  bentoPage
*************************/
.main .mainContent.bentoPage h2{
	border-bottom: none;
    margin: 0;
    padding: 0;
}
.main .mainContent.bentoPage h3 {
    background: #fffbb2;
    margin: 40px 0 10px 0;
    padding: 10px;
}
.main .mainContent.bentoPage h4 {
	font-size: 100%;
    color: #221e1f;
    margin: 10px 0 5px 0;
}
.bentoPage p.caution{
	width: 340px;
	margin: 0 0 30px auto;
}
.bentoPage .bento{
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
	border-bottom: #221e1f dotted 1px;
}
.bentoPage .bento.end{
	margin: 0;
	padding: 0;
	border-bottom: none;
}
.bentoPage .bento .title{
	width: 130px;
	float: left;
	text-align: center;
}
.bentoPage .bento .bentoArea{
	width: 510px;
	float: right;
	margin: 0 0 0 -10px;
}
.bentoPage .bento .bentoArea .Box{
	width: 160px;
	float: left;
	margin: 0 0 20px 10px;
}
.bentoPage .bento .bentoArea .Box .imgArea{
	width: 160px;
	height: 120px;
	margin: 0;
	overflow: hidden;
}
.bentoPage .bento .bentoArea .Box .imgArea img {
    object-fit: cover;
    width: 160px;
	height: 120px;
}
.bentoPage .bento .bentoArea .Box .money{
	font-size: 150%;
	text-align: right;
	margin: 0;
}
.bentoPage .bento .bentoArea .Box .money span{
	font-size: 74%;
}
.bentoPage .select{
	position: relative;
	margin: 25px 0 0 0;
}
.bentoPage .select p.img{
	position: absolute;
	top: -75px;
	right: 0;
}
.bentoPage .select p{
	font-size: 116%;
}
.bentoPage .select p span.br{
	display: block;
}
.bentoPage .select p span.money{
	font-size: 120%;
	padding: 0 5px;
}
.bentoPage .select p a{
	color: #ff6a3f;
	padding: 0 30px 0 0;
	background: url(../images/bento/icon_arrow.png) no-repeat right center;
	background-size: 22px 22px;
}
@media (max-width: 768px) {
.main .mainContent.bentoPage h3 {
    background: #fffbb2;
    margin: 25px 0 10px 0;
    padding: 10px;
}
.bentoPage p.caution{
	width: 100%;
	margin: 0 0 20px 0;
}
.bentoPage .bento{
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
}
.bentoPage .bento .title{
	width: 100%;
	float: none;
	text-align: left;
}
.bentoPage .bento .bentoArea{
	width: 100%;
	float: none;
	margin: 0 0 0 -2%;
}
.bentoPage .bento .bentoArea .Box{
	width: 48%;
	margin: 15px 0 0 2%;
}
.bentoPage .bento .bentoArea .Box .imgArea{
	width: 100%;
	height: auto;
}
.bentoPage .bento .bentoArea .Box .imgArea img {
    object-fit: cover;
    width: 100%;
	height: auto;
}
.bentoPage .bento .bentoArea .Box .money{
	font-size: 134%;
}
.bentoPage .select{
	position: relative;
	margin: 25px 0 0 0;
}
.bentoPage .select p {
    font-size: 100%;
}
.bentoPage .select p.img{
	width: 25%;
}
.bentoPage .select p span.br{
	display: inline;
}
}


/*  companyPage
*************************/
.companyPage .text{
	margin: 30px;
}
.main .mainContent.companyPage .text table{
	border-top: none;
}
.main .mainContent.companyPage .text table tr{
	border-bottom: #231815 solid 1px;
}
.main .mainContent.companyPage .text table tr.none{
	border-bottom: none;
}
.main .mainContent.companyPage .text table th,
.main .mainContent.companyPage .text table td {
	padding: 15px 0;
    vertical-align: top;
	border: none;
}
.main .mainContent.companyPage .text table th {
	font-weight: normal;
	text-align: left;
	width: 20%;
	border-left: none;
}
.companyPage .text dl dt{
	clear: left;
	float: left;
	width: 7em;
}
.companyPage .text dl dd{
	padding: 0 0 10px 8.5em;
	margin: 0 0 10px 0;
}
@media (max-width: 768px) {
.companyPage .text{
	margin: 20px 0;
}
.main .mainContent.companyPage .text table th,
.main .mainContent.companyPage .text table td {
	display: block;
	padding: 5px 0 15px 0;
}
.main .mainContent.companyPage .text table th {
	width: 100%;
	padding: 15px 0 0 0;
	font-weight: bold;
}
.companyPage .text dl dt{
	clear: none;
	float: none;
	width: 100%;
	font-weight: bold;
}
.companyPage .text dl dd{
	padding: 5px 0 10px 0;
	margin: 0;
}
}


/*  aboutPage
*************************/
.aboutPage .copy{
	font-size: 134%;
	font-weight: bold;
	color: #ff6a3f;
}
.aboutPage .tel p{
	margin: 0 0 10px 0;
}
.aboutPage .time{
	margin: 20px 0 0 0;
}
.aboutPage .time p{
	font-size: 120%;
	color: #4d4d4d;
	float: left;
}
.aboutPage .time p.holiday{
	margin: 0 0 0 30px;
	padding: 12px 20px;
	border-right: #221e1f solid 1px;
	border-left: #221e1f solid 1px;
}
@media (max-width: 768px) {
.aboutPage .copy{
	font-size: 120%;
}
.aboutPage .tel p{
	margin: 0 0 10px 0;
}
.aboutPage .time p{
	float: none;
}
.aboutPage .time p.holiday{
	width: 70%;
	color: #fff;
	background: #f00;
	margin: 0 auto;
	text-align: center;
	float: none;
	padding: 10px 20px;
	border-right: none;
	border-left: none;
}
}


/*  recruitPage
*************************/
.recruitPage table{
	font-size: 94%;
}



/*  contactPage
*************************/
.main .mainContent.contactPage table{
	border: none;
}
.main .mainContent.contactPage table th,
.main .mainContent.contactPage table td{
    text-align: left;
    vertical-align: top;
	border: none;
	padding: 10px 0;
}
.main .mainContent.contactPage table th{
	background: none;
	width: 32%;
	padding: 17px 0 0 0;
}
.main .mainContent.contactPage table td p{
	margin: 0;
}
.main .mainContent.contactPage table td p.kakunin{
	margin: 15px 0 3px 0;
}
.main .mainContent.contactPage table div{
	padding: 0;
}
.main .mainContent.contactPage table th span.require {
    margin: 0 0 0 5px;
	display: inline-block;
	color: #f00;
}
.main .mainContent.contactPage table tr{
	border: none;
}
.main .mainContent.contactPage table tr:hover{
	background: none;
}
.main .mainContent.contactPage table td input[type="text"], 
.main .mainContent.contactPage table td input[type="email"], 
.main .mainContent.contactPage table td textarea{
	padding: 1%;
	width: 96%;
}
.main .mainContent.contactPage table td input[type="text"].small{
	width: 20%;
}
.main .mainContent.contactPage p.btn.btn-center{
	text-align: center;
}
.main .mainContent.contactPage p.btn.btn-center input{
	display: inline-block;
	width: 280px;
	color: #fff;
	font-size: 110%;
	padding: 10px 0 7px 0;
	text-align: center;
	border: #ff6a3f solid 1px;
	background: #ff6a3f;
	text-decoration: none;
	-webkit-transition: 0.3s ease-in-out; 
    -moz-transition: 0.3s ease-in-out; 
    -o-transition: 0.3s ease-in-out; 
    transition: 0.3s ease-in-out;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
.main .mainContent.contactPage p.btn.btn-center input:hover{
	color: #ff6a3f;
	background: #fff;
}
@media (max-width: 768px) {
.main .mainContent.contactPage table th,
.main .mainContent.contactPage table td{
	display: block;
	padding: 5px 0 0 0;
}
.main .mainContent.contactPage table th{
	width: 100%;
	padding: 15px 0 0 0;
}
.main .mainContent.contactPage table td p.kakunin{
	margin: 10px 0 3px 0;
}
}