@charset "utf-8";
  .fs { font-size: 85%; }
.fm { font-size: 115%; }
.red { color: #FC0000; }
.txt_orange { color: #ED7D31; }
.cf:after {
clear: both;
display: block;
overflow: hidden;
height: 0px;
content: "";
}
p.attention {
text-indent: -1em;
margin-left: 1em;
}
p.nm {
padding-bottom: 0;
} .cen { text-align: center; }
.lft { text-align: left; }
.rit { text-align: right; }
.pad_anchor {
margin-top: -115px;
padding-top: 115px;
} @media print, screen and (min-width: 641px){ .dsp_smt { display: none; }
.cen_pc { text-align: center; }
}
@media only screen and (max-width: 640px){ .dsp_hp { display: none; }
} .mb {
margin-bottom: 40px;
}
.bg_wide {
position: relative;
}
.bg_wide::before {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100vw;
height: 100%;
margin-left: calc(((100vw - 100%) / 2) * -1);
margin-right: calc(((100vw - 100%) / 2) * -1);
content: "";
z-index: -1;
}
.bg_pad {
padding: 30px 0;
}
.box_pad {
padding: 15px;
box-sizing: border-box;
}
@media print, screen and (min-width: 641px){ .bg_pad {
padding: 60px 0;
}
.bg_fix::before {
background-attachment: fixed !important;
}
.box_w2 {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.box_w2.rev {
flex-direction: row-reverse;
}
.box_w2.vcen {
-webkit-align-items: center;
align-items: center;
}
.box_pad {
padding: 30px;
}
} #header {
background: url(//taiyo-obento.com/struct/wp-content/uploads/bg.png);
}
#header .bg {
background: none;
} #content {
padding-bottom: 0 !important;
}
#content .post {
margin-bottom: 0;
padding-bottom: 0;
background: none;
border: none;
} #footer ul li {
margin: 0 10px;
} body:not(.home) #content header h1.title {
display: none;
}
@media only screen and (max-width: 640px){ #thumbImg {
overflow: hidden;
}
#thumbImg img {
position: relative;
left: -60%;
width: 220%;
max-width: none;
}
} .post .linkBtn.btn_green {
background: #CCE9AD;
border: 3px solid #00B050;
box-sizing: border-box;
color: #00B050;
}
.post .linkBtn.btn_green:hover {
background: #00B050;
color: #fff;
}
.post .linkBtn.btn_orange {
background: #FFF2CC;
border: 3px solid #ED7D31;
box-sizing: border-box;
color: #ED7D31;
}
.post .linkBtn.btn_orange:hover {
background: #ED7D31;
color: #fff;
}
.post .linkBtn.btn_red {
background: #C00000;
}
.post .linkBtn.btn_red:hover {
background: #FB0000;
}
@media only screen and (max-width: 640px){ .post .linkBtn.btn_red {
padding-left: 20px;
padding-right: 20px;
}
} img.shadow {
padding: 0;
box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
} .home #wrapper {
overflow: visible;
} .home .c3thumbWrap li a {
display: block;
background: url(//taiyo-obento.com/struct/wp-content/uploads/bnr01_on.png) no-repeat center center;
background-size: contain;
-webkit-background-size: contain;
}
.home .c3thumbWrap li:nth-child(2) a {
background-image: url(//taiyo-obento.com/struct/wp-content/uploads/bnr02_on.png);
}
.home .c3thumbWrap li:nth-child(3) a {
background-image: url(//taiyo-obento.com/struct/wp-content/uploads/bnr03_on.png);
}
.home .c3thumbWrap li a img {
width: 100%;
margin: 0;
padding: 0;
border: none;
vertical-align: bottom;
}
.home .c3thumbWrap li a:hover img {
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
} #top_bana2 {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#top_bana2 .column2_50 {
width: 49.5%;
}
#top_bana2 a {
display: block;
background: url(//taiyo-obento.com/struct/wp-content/uploads/bana01_on.png) no-repeat center center;
background-size: contain;
-webkit-background-size: contain;
}
#top_bana2 .bg02 a {
background-image: url(//taiyo-obento.com/struct/wp-content/uploads/bana02_on.png);
}
#top_bana a img,
#top_bana2 a img {
max-width: 100%;
margin: 0 auto;
padding: 0;
border: none;
vertical-align: bottom;
}
#top_bana2 a:hover img {
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
} #top_contents {
line-height: 1.3;
}
#top_contents .fm {
font-size: 140%;
}
@media only screen and (max-width: 640px){ #top_contents {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#top_contents .column4_25 {
width: 48.5%;
}
} #top_torikumi {
padding: 15px;
background: #FFCC00;
}
#top_torikumi h1 span {
padding: 0;
font-size: 70%;
}
#top_torikumi ul,
#top_torikumi ul li {
margin: 0;
padding: 0;
border: none;
}
#top_torikumi ul {	
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#top_torikumi ul li {
margin-bottom: 20px;
padding: 12px;
background: #fff;
border-radius: 15px;
box-sizing: border-box; display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
#top_torikumi ul.virus01 li {
width: 100%;
}
#top_torikumi ul.virus02 li {
width: 48.5%;
}
#top_torikumi ul li img {
display: block;
width: 60px;
}
#top_torikumi ul.virus01 li img.alignright {
margin: 0 !important;
}
#top_torikumi ul li img+span {
width: calc(100% - 60px);
}
#top_torikumi .txt span {
color: #fff;
}
@media print, screen and (min-width: 641px){ #top_torikumi {
padding: 25px 10%;
}
}
@media only screen and (max-width: 640px){ #top_torikumi {
font-size: 85%;
}
#top_torikumi h1 {
font-size: 22px;
line-height: 1.3:
}
#top_torikumi ul li {
margin-bottom: 10px;
}
#top_torikumi ul li img {
width: 40px;
}
#top_torikumi ul li img+span {
width: calc(100% - 40px);
}
}  #top_about::before {
background: url(//taiyo-obento.com/struct/wp-content/uploads/bg.png);
border-top: 6px solid #CCFF99;
box-sizing: border-box;
}
#top_about h1 {
margin: 20px 0;
font-size: 125%;
text-align: center;
}
#top_about table {
width: auto;
margin: auto;
}
#top_about table th {
white-space: nowrap;
text-align: left;
}
#top_about table td {
padding-left: 20px;
} #company_tbl {
margin-bottom: 40px;
}
#company_tbl th {
width: 20%;
white-space: nowrap;
text-align: center;
vertical-align: middle;
}
#company_tbl td {
text-align: left;
} #service_about dl {
padding: 3px;
background: #FFC000;
border-radius: 15px;
margin-bottom: 20px;
}
#service_about dt {
padding: 10px;
color: #fff;
font-size: 115%;
text-align: center;
}
#service_about dd {
padding: 15px;
background: #fff;
border-radius: 0 0 12px 12px;
}
#service_about .ttl {
margin-bottom: 15px;
padding-bottom: 8px;
border-bottom: 1px solid #A6A6A6;
color: #00B050;
}
@media print, screen and (min-width: 641px){ #service_about .ttl {
text-align: center;
}
} .post dl.tel_box {
margin-bottom: 20px;
}
.post dl.tel_box dt {
margin-bottom: 5px;
}
.post dl.tel_box dd {
padding: 0;
}
.post dl.tel_box dd .linkBtn {
display: block;
margin-bottom: 0;
background: #FFF2CC;
border: 3px solid #ED7D31;
box-sizing: border-box;
color: #ED7D31;
}
.post dl.tel_box dd .linkBtn:hover {
background: #ED7D31;
color: #fff;
}
@media print, screen and (min-width: 641px){ .post dl.tel_box {
display: table;
width: 400px;
margin-left: 2em;
}
.post dl.tel_box dt,
.post dl.tel_box dd {
display: table-cell;
margin: 0;
vertical-align: middle;
}
.post dl.tel_box dt {
width: 1%;
white-space: nowrap;
}
.post dl.tel_box dd {
padding-left: 15px;
}
} .post p.area_txt {
padding: 15px;
border: 1px solid #92D050;
} #recruit_tbl {
margin-bottom: 40px;
}
#recruit_tbl th {
width: 20%;
white-space: nowrap;
}
#recruit_tbl td {
text-align: left;
} #frow_about p.ttl {
position: relative;
margin-bottom: 15px;
padding: 5px;
padding-left: 50px;
background: #CCE9AD;
border-radius: 20px;
color: #00B050;
font-weight: bold;
}
#frow_about p.ttl b {
position: absolute;
top: 50%;
left: 5px;
display: block;
width: 28px;
height: 28px;
background: #fff;
border-radius: 50%;
text-align: center;
line-height: 28px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
} #frow_about .tel_list,
#frow_about .tel_list li {
margin: 0;
padding: 0;
border: none;
}
#frow_about .tel_list {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
#frow_about .tel_list li {
width: 32%;
margin-right: 2%;
margin-bottom: 15px;
}
#frow_about .tel_list li:nth-child(3n) {
margin-right: 0;
}
#frow_about .tel_list .linkBtn {
display: block;
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
}
@media only screen and (max-width: 640px){ #frow_about .tel_list .linkBtn {
padding-left: 10px;
padding-right: 10px;
font-size: 70%;
}
} #faq_about .wc-shortcodes-accordion .wc-shortcodes-accordion-trigger {
background: #00B050;
border: none;
}
#faq_about .wc-shortcodes-accordion .wc-shortcodes-accordion-trigger a {
color: #fff;
}
#faq_about .wc-shortcodes-accordion .wc-shortcodes-accordion-trigger a::before {
left: auto;
right: 0;
background: #FFC000;
padding: 0;
width: 25px;
border: 10px solid #00B050;
}
#faq_about .wc-shortcodes-accordion .wc-shortcodes-accordion-trigger a::after {
position: absolute;
top: 9px;
left: 15px;
content: "Q.";
font-weight: bold;
}
#faq_about .wc-shortcodes-accordion .wc-shortcodes-accordion-content {
background: #CCE9AD;
} #menu_about p.ttl {
margin-bottom: 20px;
padding: 0;
border-bottom: 1px solid #843C0C;
}
#menu_about p.ttl b {
display: inline-block;
width: 200px;
padding: 8px 20px;
background: #FF33CC;
color: #fff;
}
#menu_about dl.note {
padding: 20px;
border: 1px solid #FF0000;
border-radius: 15px;
}
#menu_about dl.note dt {
margin-bottom: 15px;
padding-bottom: 6px;
border-bottom: 1px solid #FF0000;
font-size: 115%;
font-weight: bold;
}
#menu_about dl.note dd {
padding: 0;
} #menu_about .voice {
width: 700px;
max-width: 100%;
margin: auto;
}
#menu_about .voice .txt {
position: relative;
padding: 15px;
background: #E2F0D9;
border: 1px solid #000;
border-radius: 15px;
box-sizing: border-box;
text-align: center;
}
@media print, screen and (min-width: 641px){ #menu_about .voice .txt {
width: 48%; display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
#menu_about .voice .txt::before {
position: absolute;
content: "";
top: 50%;
right: -50px;
margin-top: -20px;
border: 20px solid transparent;
border-left: 30px solid #000;
}
#menu_about .voice .txt::after {
position: absolute;
content: "";
top: 50%;
right: -48px;
margin-top: -20px;
border: 20px solid transparent;
border-left: 30px solid #E2F0D9;
}
}
@media only screen and (max-width: 640px){ #menu_about .voice .txt {
margin-bottom: 40px;
}
#menu_about .voice .txt::before {
position: absolute;
content: "";
left: 50%;
bottom: -50px;
margin-left: -20px;
border: 20px solid transparent;
border-top: 30px solid #000;
}
#menu_about .voice .txt::after {
position: absolute;
content: "";
left: 50%;
bottom: -48px;
margin-left: -20px;
border: 20px solid transparent;
border-top: 30px solid #E2F0D9;
}
} #menu_box {
position: relative;
border: 4px solid #843C0C;
border-radius: 20px;
color: #843C0C;
}
#menu_box p.ico {
position: absolute;
top: -60px;
right: -15px;
width: 20%;
padding: 0;
}
#menu_box p.ttl {
position: relative;
margin-bottom: -30px;
padding: 0;
font-size: 40px;
font-weight: bold;
line-height: 1.2;
}
#menu_box .box_w2 {
width: 600px;
max-width: 100%;
margin: auto;
}
@media only screen and (max-width: 640px){ #menu_box p.ico {
top: -40px;
width: 24%;
}
#menu_box p.ico+p {
padding-right: 15%;
}
#menu_box p.ttl {
margin-bottom: -15px;
font-size: 26px;
}
#menu_box img.wp-image-250 {
width: 150px;
}
} .wpcf7-form select {
width: auto;
}
.wpcf7-form table td {
text-align: left !important;
}
@media print, screen and (min-width: 641px){ .wpcf7-form table th {
width: 200px;
white-space: nowrap;
}
} .post form.wpcf7-form .linkBtn {
padding:0 !important;
}
.post form.wpcf7-form .linkBtn input.wpcf7-submit {
width:100%;
padding:15px 40px;
}
.post form.wpcf7-form .linkBtn span.ajax-loader {
position:absolute;
} @media (max-width: 1023px) {
.mobile nav#mainNav .panel > ul {
overflow-y: scroll;
max-height: calc( 100vh - 64px - 64px );
}
}