@charset "utf-8";
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {
font-size: 14px;
line-height: 140%;
color:#333;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
text-align: left;
padding-top: 112px;
}
@media screen and (max-width: 798px) {
body {
padding-top: 80px;
}
} .navigation {
z-index: 999;
position: fixed;
width: 100%;
top: 0;
left: 0;
height: 112px;
background: #fff;
border-bottom: 1px solid #eee;
}
@media only screen and (max-width: 798px) {
.navigation {
height: 80px;
}
}
.brand {
position: absolute;
float: left;
line-height: 82px;
text-transform: uppercase;
font-size: 1.4em;
}
@media only screen and (max-width: 798px) {
.brand {
padding-left: 20px;
line-height: 68px;
}
}
@media only screen and (max-width: 479px) {
.brand {
padding-left: 20px;
line-height: 60px;
}
}
.brand a {
color: #333;
text-decoration: none;
}
span.nav-icon {
display: inline-block;
margin-bottom: 4px;
}
span.nav-text {
display: block;
font-weight: bold;
}
.language {
float: right;
font-size: 90%;
display: inline-block;
border-radius: 0 0 0.5em 0.5em;
color: #333;
padding: 0.5em 2em;
background: #eee;
position: relative;
margin-left: 20px;
box-sizing: border-box;
}
@media only screen and (max-width: 798px) {
.language {
display: none;
}
}
.contact_us {
font-size: 90%;
display: block;
margin-top: 52px;
box-sizing: border-box;
text-align: right;
}
.contact_us a {
background-color: #fff;
border: 1px solid #1c3e95;
padding: 10px 20px;
border-radius: 5px;
color: #1c3e95;
font-weight: bold;
}
.contact_us a:hover {
background: #1c3e95;
color: #FFF;
text-shadow: none;
transition: 0.5s;
}
span.langLine {
margin: 0px 6px;
color: #bbb;
}
.language a {
text-decoration: underline;
color: #2047aa;
}
.nav-container {
width: 1000px;
display: block;
margin: 0 auto;
}
nav {
float: right;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.nav-list {
float: left;
list-style: none;
margin: 0;
padding: 0;
display: block;
padding-top: 19px;
}
ul.nav-list li {
float: left;
display: inline-block;
padding: 0 20px;
max-width: 100px;
text-decoration: none;
}
ul.nav-list a {
display: block;
text-decoration: none;
font-size: 14px;
position: relative;
text-align: center;
}
ul.nav-list li.current a {
border-bottom: 2px solid #333;
padding-bottom: 2px;
} .hamburger {
background-color: #fff;
display : block;
position: fixed;
z-index : 3;
right : 20px;
top   : 19px;
width : 42px;
height: 42px;
cursor: pointer;
text-align: center;
}
.hamburger span {
display : block;
position: absolute;
width   : 30px;
height  : 2px ;
left    : 6px;
background : #333;
-webkit-transition: 0.3s ease-in-out;
-moz-transition   : 0.3s ease-in-out;
transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
top: 10px;
}
.hamburger span:nth-child(2) {
top: 20px;
}
.hamburger span:nth-child(3) {
top: 30px;
} .hamburger.active span:nth-child(1) {
top : 16px;
left: 6px;
background :#333;
-webkit-transform: rotate(-45deg);
-moz-transform   : rotate(-45deg);
transform        : rotate(-45deg);
}
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
top: 16px;
background :#333;
-webkit-transform: rotate(45deg);
-moz-transform   : rotate(45deg);
transform        : rotate(45deg);
}
nav.globalMenuSp {
visibility: hidden;
position: fixed;
z-index : 2;
top  : 80px;
left : 0;
background-color: #f6f6f6;
text-align: center;
width: 100%;
opacity: 0;
transition: opacity .5s ease, visibility .5s ease;
padding: 15px 0;
}
nav.globalMenuSp ul {
margin: 0 auto;
padding: 0;
width: 100%;
}
nav.globalMenuSp ul li {
list-style-type: none;
padding: 0;
width: calc(50% - 20px);
margin: 10px;
background-color: #fff;
border: 1px solid #ddd;
line-height: 37px;
color: #333;
float: left;
}
@media screen and (max-width: 479px) {
nav.globalMenuSp ul li {
width: calc(100% - 40px);
margin: 0 20px;
margin-bottom: 10px;
}
}
nav.globalMenuSp ul li:last-child {
padding-bottom: 0;
}
nav.globalMenuSp ul li:hover{
background :#fff;
}
nav.globalMenuSp ul li a {
font-size: 130%;
font-weight: bold;
display: block;
color: #333;
padding: 1em 0;
text-decoration :none;
}
@media screen and (max-width: 479px) {
nav.globalMenuSp ul li a {
padding: 12px 0;
}
}
nav.globalMenuSp ul li img {
margin-right: 10px;
}
nav.globalMenuSp.active {
opacity: 100;
visibility: visible;
}
nav.mobile-menu {
display: none;
}
@media only screen and (max-width: 798px) {
nav.mobile-menu {
display: inline;
}
ul.nav-list {
display: none;
}
}
img{
vertical-align: bottom;
border: 0;
}
ol, ul {
list-style: none;
}
::selection {
background-color: #cbf2ff;
color: #333;
}
::-moz-selection {
background: #cbf2ff;
color: #333;
}
:focus {-moz-outline-style: none;} *:first-child+html body {
padding-left: 1px;
} *html body {
padding-left: 1px;
}    *,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
} html {
font-size:62.5%;
} .clearfix:before,
.clearfix:after {
content:' ';
display:table;
}
.clearfix:after {
clear:both;
}
.clearfix {
*zoom:1;
} img {
vertical-align:bottom;
}
a {
color:#444;
text-decoration:none;
}
a:hover {
color:#6b8de3;
}
a:hover img {
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}
a:focus {
outline:0;
}
a:hover, a:active {
outline:0;
}
a.url_link {
color: #2047aa;
text-decoration: underline;
}    .google-maps {
position: relative;
padding-bottom: 67%;
height: 0;
overflow: hidden;
margin-bottom: 10px;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
} .mobilelang,
.mobilecon {
display: none;
}
@media screen and (max-width: 798px) {
.mobilelang {
font-weight: bold;
display: block;
text-align:center;
font-size: 20px;
padding: 20px 0;
}
.mobilelang a {
color: #1c3e95;
text-decoration: underline;
}
.mobilelang a:hover {
text-decoration: none;
}
.mobilecon {
display: block;
margin: 30px 0 20px 0;
}
.mobilecon a {
background-color: #1c3e95;
font-weight: bold;
border: 1px solid #1c3e95;
border-radius: 5px;
color: #fff;
padding: 12px 30px;
text-align: center;
font-size: 20px;
}
}
span.ListLine {
margin: 0 10px;
color: #bbb;
} #blank_space {
padding-top: 80px;
display: block;
}
#blank_space_20px {
padding-top: 20px;
display: block;
}
@media screen and (max-width: 479px) {
#blank_space {
padding-top: 20px;
}
#blank_space_20px {
padding-top: 10px;
}
} .logo-img {
display: inline;
}
.logo-img-mobile {
display: none;
}
@media screen and (max-width: 479px) {
.logo-img {
display: none;
}
.logo-img-mobile {
display: inline;
width: 90%;
}
} .wp-pagenavi {
margin-top: 20px;
padding: 15px;
clear: both;
text-align: center;
font-family: 'Federo', sans-serif;
font-size: 110%;
}
.wp-pagenavi span.pages {
margin-right: 14px;
background: none;
}
@media screen and (max-width: 798px) {
.wp-pagenavi span.pages,
.wp-pagenavi span.extend {
display: none;
}
.wp-pagenavi a.first,
.wp-pagenavi a.last {
display: none;
}
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
padding: 10px 20px;
margin: 6px;
background-color: #fff;
border-radius: 4px;
word-break : break-all;
display: inline-block;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
background: #000;
color: #fff;
} ol.breadcrumbs {
padding: 20px;
margin: 0 auto;
width: 940px;
}
@media screen and (max-width: 798px) {
ol.breadcrumbs {
width: 100%;
}
}
ol.breadcrumbs span.current-item {
font-weight: bold;
}  .slick-loading .slick-list
{
background: #fff url(https://www.azumafoods.co.jp/wp-content/themes/azumafoods/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://www.azumafoods.co.jp/wp-content/themes/azumafoods/fonts/slick.eot);
src: url(https://www.azumafoods.co.jp/wp-content/themes/azumafoods/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://www.azumafoods.co.jp/wp-content/themes/azumafoods/fonts/slick.woff) format('woff'), url(https://www.azumafoods.co.jp/wp-content/themes/azumafoods/fonts/slick.ttf) format('truetype'), url(https://www.azumafoods.co.jp/wp-content/themes/azumafoods/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: #2047aa;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: #2047aa;
}  ul.slide_jp, ul.thumbnail {
display: none;
}
ul.slide_jp.slick-initialized, ul.thumbnail.slick-initialized {
display: block; } .slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-current {
opacity: 1;
}
.slick-active {
opacity: 1;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
transition: all ease-in-out .3s;
display: none;
float: left;
height: 100%;
min-height: 1px;
opacity: .4;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
max-width: none;
width: 100%;
height: auto;
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} #home_slide .slick-active {
opacity: 1 !important;
}
#topslide_frame {
max-height: 490px;
overflow: hidden;
}
#topslide_frame #topslide_frame_body {
position: relative;
} .text_frame {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
width: 60%;
margin: -120px 0 0 -380px;
pointer-events: none;
}
@media screen and (max-width: 798px) {
.text_frame {
translate: -50% -55%;
width: 70%;
margin: 0;
}
}
.text_frame img {
display: block;
max-width: 100%;
background: rgba(10, 50, 128, 0.8);
} #pagetop {
position: absolute;
right: 5%;
bottom: 100%;
display: block;
}
#pagetop #pagetop_body a {
float: right;
font-size: 50px;
margin-bottom: 10px;
}
#pagetop #pagetop_body a:hover {
transition: 0.2s;
}
#footer {
position: relative;
background-color: #fff;
border-top: 1px solid #1C3E95;
padding-top: 10px;
}
#footer:before {
background: #333;
}
#footer #footer_body {
width: 940px;
padding: 10px;
margin: 0 auto;
text-align: left;
}
.fnavi {
line-height: 26px;
display: inline-block;
}
@media screen and (max-width: 798px) {
.fnavi {
margin-bottom: 20px;
}
}
@media screen and (max-width: 798px) {
#footer #footer_body {
width: 100%;
text-align: center;
}
}
#footer #footer_body .fnavi li{
font-weight: bold;
float: left;
display: block;
margin-right: 20px;
}
@media screen and (max-width: 798px) {
#footer #footer_body .fnavi li{
text-align: left;
float: none;
font-size: 110%;
}
}
#footer #footer_body .fnavi li i {
margin-right: 5px;
}
#footer #footer_body .fnavi li:last-child {
margin-right: 0;
}
#footer #footer_body .copyright {
padding-top: 3px;
float: right;
}
@media screen and (max-width: 798px) {
#footer #footer_body .copyright {
float: none;
}
}
#footer #footer_body .footer_azminfo {
margin-bottom: 10px;
}
#footer #footer_body .azmlogo {
margin-bottom: 10px;
margin-left: 2px;
}
#footer #footer_body .ftrinfo {
margin-left: 2px;
display: block;
}
#footer #footer_body .address {
font-size: 90%;
float: left;
}
@media screen and (max-width: 798px) {
#footer #footer_body .address {
float: none;
margin-bottom: 20px;
}
}
#footer #footer_body .address img {
margin-bottom: 20px;
}
#footer #footer_body .social {
float: right;
background-color: #1c3e95;
color: #fff;
padding: 20px;
border-radius: 10px;
display: inline-flex;
}
@media screen and (max-width: 798px) {
#footer #footer_body .social {
float: none;
margin-bottom: 20px;
zoom: 1.4;
}
}
@media screen and (max-width: 479px) {
#footer #footer_body .social {
zoom: 1;
}
}
#footer #footer_body .social span {
margin-right: 10px;
font-weight: bold;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
#footer #footer_body .social a {
color: #fff;
margin: 0 10px 0 0;
}
#footer #footer_body .social a:hover {
text-decoration: underline;
}
#footer #footer_body .social a:last-child {
margin: 0;
}   #contents {	
}
#contents #contents_body {
width: 940px;
margin: 0 auto;
text-align: left;
}
@media screen and (max-width: 798px) {
#contents #contents_body {
width: 100%;
}
} #contents #contents_body #main {
width: 620px;
float: left;
margin-left: 20px;
}
@media screen and (max-width: 798px) {
#contents #contents_body #main {
float: none;
margin: 0;
padding: 0 20px;
width: 100%;
}
} .catimg_trim {
height: 80px;
width: 80px;
margin-right: 16px;
display: inline-block;
vertical-align: middle;
overflow: hidden;
-webkit-border-radius: 80px;
-moz-border-radius: 80px;
border-radius: 80px;
box-shadow: 0px 0px 0px 0px #fff;
-moz-box-shadow: 0px 0px 0px 0px #fff;
-webkit-box-shadow: 0px 0px 0px 0px #fff;
}
.newitem .prod_img {
position: relative;
text-align: center;
width: auto;
max-height: 122px;
overflow: hidden;
margin-bottom: 15px;
}
.newitem .prod_img img.prod_new_label {
position: absolute;
top: 0;
left: 0;
}
.prod_name {
padding: 15px;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
}
.prod_name p {
margin-top: 10px;
font-size: 12px;
line-height: 20px;
}
@media screen and (max-width: 479px) {
.prod_name p {
font-size: 14px;
}
} #contents .comBr02 th {
background-color: #f4f4f4;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
font-weight: normal;
padding: 10px;
width: 70px;
text-align: left;
vertical-align: middle;
}
#contents .comBr02 td {
background-color: #fff;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 10px;
text-align: left;
width: 154px;
vertical-align: middle;
}
@media screen and (max-width: 479px) {
#contents .comBr02 th {
width: 100%;
border-bottom: none;
border-left: none;
}
#contents .comBr02 td {
width: 100%;
border-left: none;
border-bottom: none;
}
} #contents .comBr022 th {
background-color: #f4f4f4;
border: 1px solid #ddd;
font-weight: normal;
padding: 5px;
min-width: 90px;
text-align: center;
vertical-align: middle;
}
#contents .comBr022 td {
background-color: #fff;
border: 1px solid #ddd;
padding: 5px;
text-align: left;
min-width: 146px;
vertical-align: middle;
}
@media screen and (max-width: 479px) {
#contents .comBr022 th {
min-width: 80px;
}
#contents .comBr022 td {
min-width: 95px;
}
} .s_details {
display: flex;
padding: 0 15px 15px 15px;
font-size: 13px;
}
.s_details .box {
box-sizing: border-box;
margin: 0 15px 0 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
width: calc(70% - 15px);
}
.s_details .box .syokai {
margin-bottom: 10px;
overflow: hidden;
}
.s_details .image {
position: relative;
text-align: center;
overflow: hidden;
width: 30%;
}
.s_details .image img {
object-fit: cover;
width: 100%;
} a.more {
font-family: Tahoma, sans-serif;
position: relative;
font-weight: bold;
font-size: 16px;
color: #2047aa;
background: #fff;
border: 1px solid #2047aa;
display: block;
border-radius: 5px;
max-width: 150px;
width: 100%;
margin: 0 auto;
padding: 13px 16px;
letter-spacing: 0;
}
a.more:hover {
color: #fff;
background: #2047aa;
transition: 0.5s;
}
a.more:after {
display: inline-block;
}
a.more:after {
font-family: FontAwesome;
content: "\f054";
position: absolute;
color: #999;
top: 50%;
right: 12px;
margin-top: -8px;
text-decoration: none;
} .topics {
background-color: #f8f8f8;
}
#topics {
margin-bottom: 60px;
}
.topics_header {
margin-top: 50px;
text-align: center;
margin-bottom: 40px;
line-height: 40px;
}
.topics_title {
display: block;
font-size: 3rem;
font-weight: bold;
}
.topics_title_en {
display: block;
font-size: 20px;
}
#topics_panels {
padding: 0 100px;
margin-bottom: 40px;
font-size: 16px;
}
@media screen and (max-width: 798px) {
#topics_panels {
padding: 0 20px;
}
} .newitems {
background-color: #eaf1fd;
}
#newitems {
margin-bottom: 60px;
}
.newitems_header {
margin-top: 50px;
text-align: center;
margin-bottom: 40px;
line-height: 40px;
}
.newitems_title {
display: block;
font-size: 3rem;
font-weight: bold;
}
.newitems_title_en {
display: block;
font-size: 20px;
}
#newitems_panels {
margin-bottom: 40px;
font-size: 16px;
}
#newitems_panels ul {
display:flex;
flex-wrap:wrap;
justify-content: left;
margin-left: 20px;
}
#newitems_panels li {
background: #fff;
box-sizing: border-box;
text-align: left;
margin: 0 20px 20px 0;
width: calc(50% - 20px);
}
@media screen and (max-width: 798px) {
#newitems_panels li {
width: 100%;
}
}
@media screen and (max-width: 479px) {
#newitems_panels li {
width: 100%;
}
}
#newitems_panels li a {
font-size: 16px;
font-weight: bold;
display: block;
overflow: hidden;
}
#newitems_panels li .prod_img {
position: relative;
text-align: center;
width: auto;
overflow: hidden;
}
#newitems_panels li .prod_img img.thumb {
height: 200px;
object-fit: cover; font-family: 'object-fit: cover;';
width: 100%;
}
@media screen and (max-width: 798px) {
#newitems_panels li .prod_img img.thumb {
height: 220px;
}
}
#newitems_panels img.new_label {
width: auto !important;
position: absolute;
top: 0;
left: 0;
}
#newitems_panels img.mark {
width: auto !important;
position: absolute;
right: 4px;
bottom: 4px;
} .takowasa {
background: url(https://www.azumafoods.co.jp/wp-content/themes/azumafoods/img/tkws_back.jpg) no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}
#takowasa {
margin-bottom: 80px;
}
.takowasa_header {
margin-top: 80px;
text-align: center;
margin-bottom: 40px;
line-height: 40px;
}
@media screen and (max-width: 798px) {
.takowasa_header img {
width: 70%;
}
}
@media screen and (max-width: 479px) {
.takowasa_header img {
width: 90%;
}
}
.takowasa_title {
display: block;
font-size: 3rem;
font-weight: bold;
}
.takowasa_title_en {
display: block;
font-size: 20px;
}
#takowasa_panels {
margin-bottom: 40px;
font-size: 16px;
}
@media screen and (max-width: 798px) {
#takowasa_panels {
padding: 0 20px;
}
}
#takowasa_panels ul {
display: flex;
flex-wrap: wrap;
justify-content: left;
align-items: center;
margin-left: 20px;
}
@media screen and (max-width: 798px) {
#takowasa_panels ul {
margin: 0;
}
}
#takowasa_panels li {
min-height: 150px;
box-sizing: border-box;
text-align: left;
margin: 0 20px 20px 0;
width: calc(50% - 20px);
}
@media screen and (max-width: 798px) {
#takowasa_panels li {
width: calc(50% - 20px);
}
}
@media screen and (max-width: 479px) {
#takowasa_panels li {
width: 100%;
margin: 0;
}
}
#takowasa_panels li:last-child {
margin-right: 0;
width: 50%;
}
@media screen and (max-width: 479px) {
#takowasa_panels li:last-child {
width: 100%;
}
}
#takowasa_panels li a {
font-size: 16px;
font-weight: bold;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
}
#takowasa_panels li .tkws {
position: relative;
text-align: center;
width: 100%;
overflow: hidden;
margin-bottom: 15px;
}
.tkws_inner {
display: block;
line-height: 20px;
margin-bottom: 20px;
overflow: hidden;
}
.tkws_inner span {
display: inline-block;
}
.tkws_pack img {
display: block;
margin: 0 auto;
}
@media screen and (max-width: 798px) {
.tkws_pack {
display: none;
}
.tkws_inner {
line-height: 30px;
}
} #top_search {
margin-bottom: 60px;
}
.top_search_header {
margin-top: 50px;
text-align: center;
margin-bottom: 40px;
line-height: 40px;
}
.top_search {
background: url(https://www.azumafoods.co.jp/wp-content/themes/azumafoods/img/search_back.jpg) no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}
.top_search img {
width: 100%;
}
.top_search_panels {
margin-bottom: 40px;
font-size: 16px;
}
.azumaproduct {
margin: 0 20px;
} .sdgs {
background: url(https://www.azumafoods.co.jp/wp-content/themes/azumafoods/img/bg_ec3.jpg) no-repeat;
background-color: #fff;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
color: #fff;
}
#sdgs {
margin-bottom: 80px;
}
.sdgs_header {
margin-top: 80px;
text-align: center;
margin-bottom: 40px;
line-height: 40px;
}
.sdgs_title {
display: block;
font-size: 3rem;
font-weight: bold;
}
.sdgs_title_en {
display: block;
font-size: 20px;
margin: 20px;
line-height: 1.5em;
}
.sdgs_title_en a {
color: #fff;
}
#sdgs_panels {
margin-bottom: 40px;
font-size: 16px;
}
#sdgs_panels ul {
display:flex;
flex-wrap:wrap;
justify-content: left;
align-items: stretch;
margin-left: 20px;
}
@media screen and (max-width: 798px) {
.order1 {
order: 2;
}
.order2 {
order: 1;
}
}
#sdgs_panels li {
background-color: #fff;
min-height: 150px;
box-sizing: border-box;
text-align: left;
margin: 0 20px 20px 0;
width: calc(33.3% - 20px);
}
@media screen and (max-width: 798px) {
#sdgs_panels li {
width: calc(50% - 20px);
}
}	
#sdgs_panels li span {
font-size: 95%;
line-height: 1.5em;
display: block;
padding: 20px;
color: #000;
}
#sdgs_panels li a {
font-size: 16px;
font-weight: bold;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
}
#sdgs_panels li img.sdgsimg {
position: relative;
text-align: center;
width: 100%;
overflow: hidden;
}
#sdgs_panels {
margin-bottom: 40px;
font-size: 16px;
}
#sdgs2_panels {
margin-bottom: 60px;
font-size: 16px;
}
#sdgs2_panels ul {
display:flex;
flex-wrap:wrap;
justify-content: left;
align-items: center;
margin-left: 20px;
}
@media screen and (max-width: 798px) {
.order1 {
order: 2;
}
.order2 {
order: 1;
}
}
#sdgs2_panels li {
min-height: 150px;
box-sizing: border-box;
text-align: left;
margin: 0 20px 20px 0;
width: calc(50% - 20px);
}
@media screen and (max-width: 798px) {
#sdgs2_panels li {
width: 100%;
}
}	
#sdgs2_panels li img.sdgsimg {
position: relative;
text-align: center;
width: 100%;
overflow: hidden;
background-color: #fff;
}
#sdgs2_panels li span {
line-height: 1.7em;
display: block;
}
.sdgs_inner {
display: block;
line-height: 32px;
margin-bottom: 20px;
overflow: hidden;
}
.sdgs_inner span {
display: inline-block;
}
.sdgs_inner h2 {
margin: 20px 0;
font-size: 130%;
} .ec {
background-color: #fff;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}
.ec_t {
background: url(https://www.azumafoods.co.jp/wp-content/themes/azumafoods/img/bg_ec2.jpg) no-repeat;
background-color: #fff;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}
.ec_a {
background: url(https://www.azumafoods.co.jp/wp-content/themes/azumafoods/img/bg_ama.jpg) no-repeat;
background-color: #fff;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
color: #fff;
}
.ec_b {
background: url(https://www.azumafoods.co.jp/wp-content/themes/azumafoods/img/bg_brand.png) no-repeat;
background-color: #fff;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}
#ec {
margin-bottom: 80px;
}
.ec_header {
margin-top: 80px;
text-align: center;
margin-bottom: 40px;
line-height: 40px;
}
.ec_title {
display: block;
font-size: 3rem;
font-weight: bold;
}
@media screen and (max-width: 798px) {
.ec_title {
margin: 0 20px;
}
.ec_title img {
width: 100%;
}
}
.ec_title_en {
display: block;
font-size: 20px;
}
.ec_title_en a {
color: #fff;
}
#ec_panels {
margin-bottom: 40px;
font-size: 16px;
}
@media screen and (max-width: 798px) {
#ec_panels {
padding: 0 20px;
}
}
#ec_panels ul {
display:flex;
flex-wrap:wrap;
justify-content: left;
align-items: center;
margin-left: 20px;
}
@media screen and (max-width: 798px) {
#ec_panels ul {
margin: 0;
}
.order1 {
order: 2;
}
.order2 {
order: 1;
}
}
#ec_panels li {
min-height: 150px;
box-sizing: border-box;
text-align: left;
margin: 0 20px 20px 0;
width: calc(50% - 20px);
}
@media screen and (max-width: 798px) {
#ec_panels li {
width: 100%;
margin: 0;
}
}	
#ec_panels li a {
font-size: 16px;
font-weight: bold;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
}
#ec_panels li img.ecimg {
position: relative;
text-align: center;
width: 100%;
overflow: hidden;
margin-bottom: 15px;
}
.ec_inner {
display: block;
line-height: 32px;
margin-bottom: 20px;
overflow: hidden;
}
.ec_inner span {
display: inline-block;
}
.ec_inner h2 {
margin: 20px 0;
font-size: 130%;
}
span.ec_pro img {
width: 100px;
margin: 20px 0;
} a.ec_more {
font-family: Tahoma, sans-serif;
position: relative;
font-weight: bold;
font-size: 16px;
color: #000;
background: #fff;
border: 1px solid #000;
display: block;
border-radius: 5px;
max-width: 200px;
width: 100%;
margin: 0;
padding: 6px 16px;
letter-spacing: 0;
}
@media screen and (max-width: 798px) {
a.ec_more {
margin: 0 auto;
}
}
a.ec_more:hover {
color: #fff;
background: #000;
transition: 0.5s;
}
a.ec_more:after {
display: inline-block;
}
a.ec_more:after {
font-family: FontAwesome;
content: "\f054";
position: absolute;
color: #999;
top: 50%;
right: 12px;
margin-top: -15px;
text-decoration: none;
} .catlist {
background-color: #f8f8f8;
}
#catlist {
margin-bottom: 60px;
}
#catlist:before {
display: block;
border-top: 1px solid #c6c9d2;
content: "";
margin: 0 20px;
}
.catlist_header {
margin-top: 50px;
text-align: center;
margin-bottom: 40px;
line-height: 40px;
}
.catlist_title {
display: block;
font-size: 3rem;
font-weight: bold;
}
.catlist_title_en {
display: block;
font-size: 20px;
}
#catlist_panels {
padding: 0 100px;
margin-bottom: 40px;
font-size: 16px;
}
@media screen and (max-width: 798px) {
#catlist_panels {
padding: 0 20px;
}
}
#catlist_panels ul {
display:flex;
flex-wrap:wrap;
justify-content: left;
margin-left: 20px;
}
@media screen and (max-width: 479px) {
#catlist_panels ul {
margin: 0;
}
}
#catlist_panels li {
box-sizing: border-box;
text-align: center;
margin: 0 20px 20px 0;
width: calc(25% - 20px);
}
@media screen and (max-width: 798px) {
#catlist_panels li {
width: calc(50% - 20px);
}
}
#catlist_panels li a {
font-weight: bold;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
}
#catlist_panels li .cat_img {
text-align: center;
margin-bottom: 15px;
display: inline-block;
vertical-align: middle;
overflow: hidden;
-webkit-border-radius: 140px;
-moz-border-radius: 140px;
border-radius: 140px;
-moz-box-shadow: 0px 0px 0px 0px #fff;
}
#catlist_panels li .cat_img img {
object-fit: cover; font-family: 'object-fit: cover;';
width: 140px;
height: 140px;
} .catlist_search {
background-color: #f8f8f8;
}
#catlist_search {
margin-bottom: 60px;
}
#catlist_search:before {
display: block;
border-top: 1px solid #c6c9d2;
content: "";
margin: 0 20px;
}
.catlist_search_header {
margin-top: 50px;
text-align: center;
margin-bottom: 40px;
line-height: 40px;
}
.catlist_search_title {
display: block;
font-size: 3rem;
font-weight: bold;
}
.catlist_search_title_en {
display: block;
font-size: 20px;
}
#catlist_search ul {
display:flex;
flex-wrap:wrap;
justify-content: left;
margin-left: 20px;
}
#catlist_search li {
box-sizing: border-box;
text-align: center;
margin: 0 20px 20px 0;
width: calc(25% - 20px);
}
@media screen and (max-width: 798px) {
#catlist_search li {
width: calc(50% - 20px);
}
}
@media screen and (max-width: 479px) {
#catlist_search li {
width: calc(100% - 20px);
}
}
#catlist_search li a {
font-size: 120%;
font-weight: bold;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
padding: 25px 20px;
border: 1px solid #1c3e95;
border-width: 2px;
border-radius: 6px;
background-color: #fff;
transition: background-color .2s,color .2s;
}
#catlist_search li.current-cat a {
color: #fff;
background: #2047aa;
}
#catlist_search li a:hover {
color: #fff;
background: #2047aa;
transition: 0.5s;
} .azmitems {
background-color: #eaf1fd;
}
#azmitems {
margin-bottom: 60px;
}
.azmitems_header {
margin-top: 50px;
text-align: center;
margin-bottom: 40px;
line-height: 40px;
}
.azmitems_title {
display: block;
font-size: 3rem;
font-weight: bold;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
}
.azmitems_title_en {
display: block;
font-size: 20px;
}
#azmitems_panels {
margin-bottom: 40px;
font-size: 16px;
}
#azmitems_panels ul {
display:flex;
flex-wrap:wrap;
justify-content: left;
margin-left: 20px;
}
#azmitems_panels li {
background: #fff;
box-sizing: border-box;
text-align: left;
margin: 0 20px 40px 0;
width: calc(50% - 20px);
}
@media screen and (max-width: 798px) {
#azmitems_panels li {
width: 100%;
}
}
#azmitems_panels li a {
font-size: 16px;
font-weight: bold;
display: block;
overflow: hidden;
}
#azmitems_panels li .prod_img {
position: relative;
text-align: center;
width: auto;
overflow: hidden;
}
#azmitems_panels li .prod_img img.thumb {
height: 260px;
object-fit: cover; font-family: 'object-fit: cover;';
width: 100%;
}
@media screen and (max-width: 798px) {
#azmitems_panels li .prod_img img.thumb {
height: 280px;
}
}
@media screen and (max-width: 479px) {
#azmitems_panels li .prod_img img.thumb {
height: 140px;
}
}
#azmitems_panels li .prod_img img.mark {
width: auto !important;
position: absolute;
right: 4px;
bottom: 4px;
} #item_video {
position: relative;
height: 0;
padding-top: 56.25%;
}
#item_video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .itemsingle {
background-color: #eaf1fd;
}
#itemsingle {
margin-bottom: 60px;
}
.itemsingle_header {
text-align: left;
margin-bottom: 40px;
line-height: 40px;
}
@media screen and (max-width: 798px) {
.itemsingle_header {
text-align: center;
margin-top: 40px;
}
}
.itemsingle_title {
display: block;
font-size: 3rem;
font-weight: bold;
}
.itemsingle_title_en {
display: block;
font-size: 20px;
}
#itemsingle_panels {
margin: 0 20px;
font-size: 16px;
display: block;
position: relative;
}
#itemsingle_panels .prod_img {
position: relative;
text-align: center;
width: auto;
overflow: hidden;
margin-bottom: 15px;
}
#itemsingle_panels .prod_img img.thumb {
height: 162px;
object-fit: cover; font-family: 'object-fit: cover;';
width: 100%;
}
@media screen and (max-width: 798px) {
#itemsingle_panels .prod_img img.thumb {
height: 220px;
}
}
#item_thumbnail{
float: left;
display: block;
margin-right: 20px;
width: calc(50% - 10px);
}
@media screen and (max-width: 798px) {
#item_thumbnail{
float: none;
width: 100%;
}
}
#item_thumbnail img {
width: 100%;
height: 360px;
object-fit: cover; font-family: 'object-fit: cover;';
}
@media screen and (max-width: 798px) {
#item_thumbnail img{
height: 420px;
}
}
#item_thumbnail .slick-dots li {
box-sizing: border-box;
text-align: center;
margin: 0;
width: 25%;
height: 100%;
display: inline-block;
opacity: 0.5;
}
#item_thumbnail .slick-dots li:last-child {
margin: 0;
}
#item_thumbnail .slick-dots li img{
width: 100px;
height: 100px;
object-fit: cover; font-family: 'object-fit: cover;';
}
@media screen and (max-width: 798px) {
#item_thumbnail .slick-dots li img{
width: 100%;
}
}
#item_thumbnail .slick-dots {
bottom: -30%;
justify-content: center;
align-items: center;
position: relative;
margin-top: 4px;
}
#item_thumbnail .slick-dots li.slick-active { opacity: 1; }
#item_thumbnail .slick-current {opacity: 1;}
#pdetails {
float: right;
display: block;
margin: 0;
width: calc(50% - 10px);
}
@media screen and (max-width: 798px) {
#pdetails {
float: none;
width: 100%;
}
}
#pdetails .itemsingle_text {
line-height: 25px;
margin-bottom: 40px;
} .qc {
background-color: #f8f8f8;
}
#qc {
margin-bottom: 40px;
}
.qc_header {
margin-top: 60px;
text-align: center;
margin-bottom: 40px;
line-height: 40px;
}
.qc_title {
display: block;
font-size: 3rem;
font-weight: bold;
}
.qc_title_en {
display: block;
font-size: 20px;
}
#qc_panels {
margin-bottom: 40px;
font-size: 16px;
}
@media screen and (max-width: 798px) {
#qc_panels {
padding: 0 20px;
}
}
#qc_panels ul {
display:flex;
flex-wrap:wrap;
justify-content: left;
align-items: center;
margin-left: 20px;
}
@media screen and (max-width: 798px) {
#qc_panels ul {
margin: 0;
}
.order1 {
order: 2;
}
.order2 {
order: 1;
}
}
#qc_panels li {
min-height: 150px;
box-sizing: border-box;
text-align: left;
margin: 0 20px 20px 0;
width: calc(50% - 20px);
}
@media screen and (max-width: 798px) {
#qc_panels li {
width: 100%;
margin: 0;
}
}
#qc_panels.aboutclean li {
min-height: 150px;
box-sizing: border-box;
text-align: left;
margin: 0 20px 20px 0;
width: calc(30% - 20px);
}
#qc_panels.aboutclean .stepbox li:nth-child(2n) {
margin: 0 0 20px 0;
}
#qc_panels.aboutclean li:last-child {
width: calc(70% - 20px);
}
@media screen and (max-width: 798px) {
#qc_panels.aboutclean li,
#qc_panels.aboutclean li:last-child	{
width: 100%;
margin: 0 0 20px 0;
}
}
#qc_panels.aboutclean ul.stepbox {
margin: 0;
justify-content: center;
}
#qc_panels.aboutclean .stepbox li {
position: relative;
min-height: auto;
width: calc(50% - 20px);
background-color: #fff;
padding: 5px;
border-radius: 5px;
}
@media screen and (max-width: 798px) {
#qc_panels.aboutclean .stepbox li {
width: calc(100% - 20px);
}
}
#qc_panels.aboutclean .stepbox li::after {
font-family: FontAwesome;
content: '\f0da';
position: absolute;
top: 50%;
left: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #fff;
font-size: 200%;
}
@media screen and (max-width: 798px) {
#qc_panels.aboutclean .stepbox li::after {
font-family: FontAwesome;
content: '\f0d7';
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
#qc_panels.aboutclean .stepbox li:last-child::after {
content: '';
}
#qc_panels.aboutclean .stepbox li img {
width: 100%;
}
#qc_panels.aboutclean ul.stepbox {
margin: 0;
justify-content: center;
}
#qc_panels.aboutclean .stepbox li {
position: relative;
min-height: auto;
width: calc(50% - 20px);
background-color: #fff;
padding: 5px;
border-radius: 5px;
}
@media screen and (max-width: 798px) {
#qc_panels.aboutclean .stepbox li {
width: calc(100% - 20px);
}
}
#qc_panels.aboutinsp li {
min-height: auto;
box-sizing: border-box;
text-align: left;
margin: 0 20px 20px 0;
width: 100%;
}
@media screen and (max-width: 798px) {
#qc_panels.aboutinsp li {
margin: 0;
}
}
#qc_panels.aboutinsp ul.linebox {
margin: 0;
justify-content: center;
align-items: baseline;
}
#qc_panels.aboutinsp .linebox li {
text-align: center;
position: relative;
min-height: auto;
width: calc(25% - 20px);
}
#qc_panels.aboutinsp .linebox span {
margin: 10px;
display: block;
font-weight: bold;
}
#qc_panels.aboutinsp .linebox li img {
object-fit: cover; font-family: 'object-fit: cover;';
width: 175px;
height: 175px;
overflow: hidden;
-webkit-border-radius: 175px;
-moz-border-radius: 175px;
border-radius: 175px;
-moz-box-shadow: 0px 0px 0px 0px #fff;
}
#qc_panels.aboutinsp .linebox li:last-child {
margin: 0 0 20px 0;
}
@media screen and (max-width: 798px) {
#qc_panels.aboutinsp ul.linebox {
margin-left: 20px;
justify-content: left;
}
#qc_panels.aboutinsp .linebox li {
margin-right: 20px;
margin-bottom: 20px;
width: calc(50% - 20px);
}
#qc_panels.aboutinsp .linebox li img {
width: 100%;
height: 100%;
margin: 0;
}
}
#qc_panels ul.kakobox {
align-items: stretch;
margin: 0;
}
#qc_panels .kakobox li {
line-height: 28px;
padding: 20px;
min-height: auto;
width: calc(50% - 20px);
background-color: #fff;
border-radius: 5px;
}
@media screen and (max-width: 798px) {
#qc_panels .kakobox li {
margin: 0 0 25px 0;
width: 100%;
}
#qc_panels .kakobox li:last-child {
margin-bottom: 0;
}
}
#qc_panels .kakobox h2 {
margin-bottom: 10px;
color: #1c3e95;
font-size: 140%;
}
#qc_panels .kakobox li:nth-child(2n) {
margin-right: 0;
}
#qc_panels li a {
font-size: 16px;
font-weight: bold;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
}
#qc_panels li .qcimg {
position: relative;
text-align: center;
width: 100%;
overflow: hidden;
margin-bottom: 15px;
}
.qc_inner {
display: block;
line-height: 32px;
margin-bottom: 20px;
overflow: hidden;
}
.qc_inner span {
display: inline-block;
}
.qc_inner h2 {
color: #1c3e95;
margin: 20px 0;
font-size: 130%;
}
.qc_clean {
background: url(https://www.azumafoods.co.jp/wp-content/themes/azumafoods/img/bg_qc2.jpg) no-repeat;
background-color: #fff;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}
.qc_insp {
background: url(https://www.azumafoods.co.jp/wp-content/themes/azumafoods/img/bg_qc3.jpg) no-repeat;
background-color: #fff;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}
.qc_kako {
background: url(https://www.azumafoods.co.jp/wp-content/themes/azumafoods/img/bg_qc4.jpg) no-repeat;
background-color: #fff;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
} .shimei {
background: url(https://www.azumafoods.co.jp/wp-content/themes/azumafoods/img/s_background.jpg) no-repeat;
background-color: #fff;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}
.kokunai {
background: url(https://www.azumafoods.co.jp/wp-content/themes/azumafoods/img/bg_kokunai.jpg) no-repeat;
background-color: #fff;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}
.kaigai {
background: url(https://www.azumafoods.co.jp/wp-content/themes/azumafoods/img/bg_kaigai.png) no-repeat;
background-color: #fff;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}
.alogo {
background: url(https://www.azumafoods.co.jp/wp-content/themes/azumafoods/img/alogo_back.png) no-repeat;
background-color: #fff;
background-position: center;
background-size: contain;
width: 100%;
height: 100%;
}
@media screen and (min-width: 797px) {
.shimei1 {	margin-bottom: 140px !important; }
}
@media screen and (max-width: 798px) {
.shimei1 {	margin-bottom: 60px !important; }
}
@media screen and (min-width: 797px) {
.shimei2 {	margin-top: 100px !important; }
}
@media screen and (max-width: 798px) {
.shimei2 {	margin-bottom: 60px !important; }
}
.alogo ul {
list-style-position: inside;
margin: 0 100px;
font-size: 130%;
font-weight: bold;
}
@media screen and (max-width: 798px) {
.alogo ul {
margin: 0 20px;
}
}
.alogo li {
margin-left: 20px;
margin-bottom: 20px;
}
.alogo li:before {
font-family: FontAwesome;
content: '\f068';
margin-left: -36px;
padding-right: 20px;
}
.cuisine {
background: url(https://www.azumafoods.co.jp/wp-content/themes/azumafoods/img/nsihin_bg.png) no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}
.company {
background-color: #f8f8f8;
}
#company {
margin-bottom: 60px;
}
.company_header {
margin-top: 50px;
text-align: center;
margin-bottom: 40px;
line-height: 40px;
}
.company_header.jigyo {
text-align: left;
}
.company_header.alogo2 {
margin-top: 60px;
}
.company_title {
display: block;
font-size: 3rem;
font-weight: bold;
}
.company_title_en {
display: block;
font-size: 20px;
}
#company_panels {
width: calc(100% - 40px);
margin: 20px;
margin-bottom: 40px;
font-size: 16px;
}
#company_panels a {
font-size: 16px;
font-weight: bold;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
}
#company_panels .company_photo {
text-align: center;
}
#company_panels .companyimg {
position: relative;
overflow: hidden;
margin-bottom: 20px;
}
@media screen and (max-width: 798px) {
#company_panels .companyimg {
width: 100%;
}
}
.company_inner {
display: block;
line-height: 32px;
margin-bottom: 20px;
overflow: hidden;
}
.company_inner span {
display: inline-block;
}
.company_inner h2 {
color: #1c3e95;
margin: 40px 0;
font-size: 130%;
}
.company_inner h3 {
margin: 60px 0;
font-size: 3rem;
font-weight: bold;
}
@media screen and (max-width: 798px) {
.cuisine .company_inner h2 {
text-align: center;
}
.cuisine .company_inner h2 {
margin-top: 0;
}
}
.company_inner.jigyo {
margin-top: 130px;
background: rgba(255,255,255,0.9);
padding: 40px;
}
.company_inner.jigyo h3 {
text-align: center;
margin: 0 0 40px 0;
}
.company_inner.jigyo-k {
margin-top: 130px;
color: #fff;
background: rgba(28,62,150,0.8);
padding: 40px;
}
.company_inner.jigyo-k h3 {
text-align: center;
margin: 0 0 40px 0;
}
.company_inner.profile img {
margin-bottom: 40px;
width: 100%;
height: 100%;
}
@media screen and (max-width: 798px) {
.company_inner.jigyo-k,
.company_inner.jigyo {
margin-top: 50px;
}
} .company_inner.history table {
width: 100% !important;
}
.company_inner.history td a {
display: inline !important;
word-break: break-all;
white-space: normal !important;
}
.company_inner.history td:nth-child(odd) {
width: 15%;
padding: 8px 20px;
font-weight: bold;
border-right: 1px solid #1c3e95;
}
.company_inner.history td {
width: 85%;
padding: 8px 20px;
}
@media screen and (max-width: 798px) {
.company_inner.history td:last-child {
border-bottom: solid 1px #1c3e95;
width: 100%;
}
.company_inner.history {
line-height: 25px;
width: 100%;
}
.company_inner.history td:nth-child(odd) ,
.company_inner.history td {
border-right: none;
　  　border-bottom: none;
display: block;
width: 100%;
height: auto !important;
}
.company_inner.history td:nth-child(odd) {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.company_inner.history td {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
} .company_inner.profile table {
width: 100% !important;
}
.company_inner.profile td a {
display: inline !important;
word-break: break-all;
white-space: normal !important;
}
.company_inner.profile td:nth-child(odd) {
width: 20%;
padding: 8px 20px;
font-weight: bold;
border-right: 1px solid #1c3e95;
}
.company_inner.profile td {
width: 80%;
padding: 8px 20px;
}
.company_inner.profile td span {
margin-top: 10px;
}
@media screen and (max-width: 798px) {
.company_inner.profile td:last-child {
border-bottom: solid 1px #1c3e95;
width: 100%;
}
.company_inner.profile {
line-height: 25px;
width: 100%;
}
.company_inner.profile td:nth-child(odd) ,
.company_inner.profile td {
border-right: none;
　  　border-bottom: none;
display: block;
width: 100%;
height: auto !important;
}
.company_inner.profile td:nth-child(odd) {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.company_inner.profile td {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
} .company_inner.kanren h3 {
font-size: 130%;
margin-top: 20px;
color: #1c3e95;
margin-bottom: 40px;
border-bottom: 3px solid #1c3e95;
padding-bottom: 5px;
}
.company_inner.kanren table {
width: 100% !important;
margin: 20px 0 40px 0;
}
.company_inner.kanren td a {
display: inline !important;
word-break: break-all;
white-space: normal !important;
}
.company_inner.kanren td:nth-child(odd) {
width: 20%;
padding: 8px 20px;
font-weight: bold;
border-right: 1px solid #1c3e95;
}
.company_inner.kanren td {
width: 80%;
padding: 8px 20px;
}
.company_inner.kanren td p {
margin-bottom: 20px;
}
@media screen and (max-width: 798px) {
.company_inner.kanren table {
margin: 0 0 40px 0px;
}
.company_inner.kanren td:last-child {
width: 100%;
}
.company_inner.kanren {
line-height: 25px;
width: 100%;
}
.company_inner.kanren td:nth-child(odd) ,
.company_inner.kanren td {
border-right: none;
　  　border-bottom: none;
display: block;
width: 100%;
height: auto !important;
}
.company_inner.kanren td:nth-child(odd) {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.company_inner.kanren td {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
} .company_inner.sns h3 {
font-size: 130%;
margin-top: 20px;
color: #1c3e95;
margin-bottom: 40px;
border-bottom: 3px solid #1c3e95;
padding-bottom: 5px;
}
.company_inner.sns table {
width: 100% !important;
margin: 20px 0 0 0;
}
.company_inner.sns td a {
display: inline !important;
word-break: break-all;
white-space: normal !important;
}
.company_inner.sns td:nth-child(odd) {
width: 20%;
padding: 20px 20px;
font-weight: bold;
}
.company_inner.sns td {
width: 80%;
padding: 20px 20px;
vertical-align: middle;
}
.company_inner.sns td img {
margin: 0;
}
.company_inner.sns tr {
margin-bottom: 20px;
background-color: #fff;
display: block;
}
@media screen and (max-width: 798px) {
.company_inner.sns table {
margin: 0;
}
.company_inner.sns td:last-child {
width: 100%;
}
.company_inner.sns {
width: 100%;
}
.company_inner.sns td:nth-child(odd) ,
.company_inner.sns td {
border-right: none;
　  　border-bottom: none;
display: block;
text-align: center;
width: 100% !important;
height: auto !important;
}
.company_inner.sns td:nth-child(odd) {
padding-bottom: 0;
}
}
@media screen and (max-width: 479px) {
.company_inner.sns img {
width: 100%;
}
} table.comBr03 {
line-height: 26px;
width: 100%;
}
.comBr03 td a {
display: inline !important;
word-break: break-all;
white-space: normal !important;
}
.comBr03 td:nth-child(odd) {
width: 20%;
padding: 8px 20px;
font-weight: bold;
border-right: 1px solid #1c3e95;
}
.comBr03 td {
width: 80%;
padding: 8px 20px;
}
.recruit_contact {
line-height: 26px;
}
@media screen and (max-width: 798px) {
.comBr03 td:last-child {
border-bottom: solid 1px #1c3e95;
width: 100%;
}
.comBr03 {
line-height: 25px;
width: 100%;
}
.comBr03 td:nth-child(odd) ,
.comBr03 td {
border-right: none;
　  　border-bottom: none;
display: block;
width: 100%;
}
.comBr03 td:nth-child(odd) {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.comBr03 td {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
} .company_cat {
background-color: #f8f8f8;
}
#company_cat {
margin-bottom: 60px;
}
#company_cat:after {
display: block;
border-top: 1px solid #c6c9d2;
content: "";
margin: 20px;
margin-top: 40px;
}
.company_cat_header {
margin-top: 50px;
text-align: center;
margin-bottom: 40px;
line-height: 40px;
}
.company_cat_title {
display: block;
font-size: 3rem;
font-weight: bold;
}
.company_cat_title_en {
display: block;
font-size: 20px;
}
#company_cat ul {
display:flex;
flex-wrap:wrap;
justify-content: left;
margin-left: 20px;
}
#company_cat li {
box-sizing: border-box;
text-align: center;
margin: 0 20px 20px 0;
width: calc(33% - 20px);
}
@media screen and (max-width: 798px) {
#company_cat li {
width: calc(50% - 20px);
}
}
@media screen and (max-width: 479px) {
#company_cat li {
width: calc(100% - 20px);
}
}
#company_cat li a {
font-size: 120%;
font-weight: bold;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
padding: 25px 20px;
border: 1px solid #1c3e95;
border-width: 2px;
border-radius: 6px;
background-color: #fff;
transition: background-color .2s,color .2s;
}
#company_cat li.current-cat a {
color: #fff;
background: #2047aa;
}
#company_cat li a:hover {
color: #fff;
background: #2047aa;
transition: 0.5s;
} .contact {
background-color: #f8f8f8;
}
#contact {
margin-bottom: 60px;
}
.contact_header {
margin-top: 50px;
text-align: center;
margin-bottom: 40px;
line-height: 40px;
}
.contact_title {
display: block;
font-size: 3rem;
font-weight: bold;
}
.contact_title_en {
display: block;
font-size: 20px;
}
#contact_panels {
width: calc(100% - 40px);
margin: 20px;
margin-bottom: 40px;
font-size: 16px;
}
#contact_panels a {
font-size: 16px;
font-weight: bold;
display: inline;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
}
.contact_inner {
display: block;
line-height: 32px;
margin-bottom: 20px;
overflow: hidden;
}
.contact_inner span.title {
display: inline-block;
margin-bottom: 20px;
}
.contact_inner h4 {
color: #1c3e95;
margin: 20px 0;
font-size: 130%;
} .contact_inner table {
margin: 20px 0;
width: 100% !important;
}
.contact_inner td a {
display: inline !important;
word-break: break-all;
white-space: normal !important;
}
.contact_inner th {
text-align: left;
font-weight: normal;
vertical-align: middle;
width: 25%;
padding: 8px 20px;
font-weight: bold;
}
.contact_inner td {
width: 75%;
padding: 8px 20px;
}
.contact_inner td span {
margin-top: 10px;
}
@media screen and (max-width: 798px) {
.contact_inner td:last-child {
width: 100%;
}
.contact_inner {
line-height: 25px;
width: 100%;
}
.contact_inner th ,
.contact_inner td {
border-right: none;
　  　border-bottom: none;
display: block;
width: 100%;
height: auto !important;
}
.contact_inner th {
padding-bottom: 4px;
padding-left: 0;
padding-right: 0;
}
.contact_inner td {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
}
input.btn-lg {
display: inline-block;
padding: 14px 40px;
margin-bottom: 0;
font-size: 16px;
font-weight: bold;
line-height: 20px;
color: #fff;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: none;
border-radius: 4px;
background-color: #1c3e95;
} .tkwspage {
background: url(https://www.azumafoods.co.jp/wp-content/themes/azumafoods/img/tkws_back.jpg) no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}
#tkwspage {
margin-bottom: 60px;
}
.tkwspage_header {
margin-top: 80px;
text-align: center;
margin-bottom: 40px;
line-height: 40px;
}
@media screen and (max-width: 798px) {
.tkwspage_header img {
width: 70%;
}
}
@media screen and (max-width: 479px) {
.tkwspage_header img {
width: 90%;
}
}
.tkwspage_title {
display: block;
font-size: 3rem;
font-weight: bold;
}
.tkwspage_title_en {
display: block;
font-size: 20px;
}
#tkwspage_panels {
line-height: 25px;
margin-bottom: 40px;
font-size: 16px;
}
@media screen and (max-width: 798px) {
#tkwspage_panels {
padding: 0 20px;
}
}
#tkwspage_panels ul {
display:flex;
flex-wrap:wrap;
justify-content: left;
align-items: center;
margin-left: 20px;
}
@media screen and (max-width: 798px) {
#tkwspage_panels ul {
margin: 0;
}
.order1 {
order: 2;
}
.order2 {
order: 1;
}
.order3 {
order: 4;
}
.order4 {
order: 3;
}
.order5 {
order: 6;
}
.order6 {
order: 5;
}
}
#tkwspage_panels li {
box-sizing: border-box;
text-align: left;
margin: 0 20px 20px 0;
width: calc(50% - 20px);
}
@media screen and (max-width: 798px) {
#tkwspage_panels li {
width: 100%;
margin: 0;
}
}
#tkwspage_panels.brandlogo li {
box-sizing: border-box;
text-align: left;
margin: 0 20px 20px 0;
width: calc(30% - 20px);
}
#tkwspage_panels.brandlogo li:last-child {
width: calc(70% - 20px);
}
@media screen and (max-width: 798px) {
#tkwspage_panels.brandlogo li,
#tkwspage_panels.brandlogo li:last-child	{
width: 100%;
margin: 0;
}
}
#tkwspage_panels.tkwsrecipe li {
word-break: break-all;
box-sizing: border-box;
text-align: left;
margin: 0 20px 20px 0;
width: calc(70% - 20px);
}
#tkwspage_panels.tkwsrecipe li:nth-child(4n+2),
#tkwspage_panels.tkwsrecipe li:nth-child(4n+3) {
width: calc(30% - 20px);
}
@media screen and (max-width: 798px) {
#tkwspage_panels.tkwsrecipe li,
#tkwspage_panels.tkwsrecipe li:nth-child(4n+2),
#tkwspage_panels.tkwsrecipe li:nth-child(4n+3)		{
width: 100%;
margin: 0;
}
}
#tkwspage_panels h2 {
color: #1c3e95;
margin-bottom: 20px;
font-size: 130%;
}
#tkwspage_panels h3 {
text-align: center;
margin-bottom: 40px;
font-size: 130%;
}
#tkwspage_panels li a {
font-size: 16px;
font-weight: bold;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
}
#tkwspage_panels li .tkwspageimg {
position: relative;
text-align: center;
width: 100%;
overflow: hidden;
margin-bottom: 20px;
}
.tkwspage_inner {
display: block;
line-height: 32px;
margin-bottom: 20px;
overflow: hidden;
}
.tkwspage_inner span {
display: block;
}
.recipe {
background: url(https://www.azumafoods.co.jp/wp-content/themes/azumafoods/img/recipe11.JPG) no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}
#topics_fragment img {
display: block;
width: 65px;
}
#topics_fragment dl {
margin-bottom: 12px;
padding-bottom: 12px;
display: flex;
line-height: 20px;
}
@media screen and (max-width: 479px) {
#topics_fragment dl {
display: block;
}
}
#topics_fragment dt {
margin-right: 20px;
display: flex;
align-items: center;
justify-content: left;
}
@media screen and (max-width: 479px) {
#topics_fragment dt {
overflow: hidden;
text-align: left;
display: inline-block;
width: 65px;
margin-right: 20px;
margin-bottom: 2px;
}
}
#topics_fragment dt.fwb_date span.fwd_datime {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
margin-right: 20px;
}
@media screen and (max-width: 479px) {
#topics_fragment dt.fwb_date span.fwd_datime {
display: none;
}
}
#topics_fragment dd {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
}
@media screen and (max-width: 479px) {
.img_mobilestyle img {
width: 100%;
}
} #submenu {
margin-bottom: 20px;
}
#submenu .submenu_left {
float: left;
}
@media screen and (max-width: 479px) {
#submenu .submenu_left {
width: 100%;
margin-bottom: 10px;
}
#submenu .submenu_left img {
width: 100%;
}
}
#submenu .submenu_right {
float: right;
}
@media screen and (max-width: 479px) {
#submenu .submenu_right {
float: none;
width: 100%;
}
#submenu .submenu_right img {
width: 100%;
}
} .twitter_embed {
width: 100%;
margin-bottom: 20px;
}
@media screen and (max-width: 479px) {
.twitter_embed {
display: block !important;
margin: 0 auto;
margin-bottom: 15px;
width: 80% !important;
}
} #pgheader {
background-color: #fff;
}
#pgheader #pgheader_body {
width: 940px;
overflow: hidden;
padding: 20px 0;
margin: 0 auto;
text-align: center;
}
@media screen and (max-width: 798px) {
#pgheader #pgheader_body {
width: 100%;
padding: 20px;
}
#pgheader #pgheader_body img {
width: 100%;
}
}  #menu {
float: right;
width: 240px;
margin-right: 20px;
}
@media screen and (max-width: 798px) {
#menu {
float: none;
width: 100%;
padding: 0 20px;
}
}
#menu .menuBanner li {
display: block;
margin-bottom: 20px;
}
#menu_index {
float: right;
width: 240px;
}
@media screen and (max-width: 798px) {
#menu_index {
}
}
#menu_index .menuBanner ul li {
display: inline-block;
}
@media screen and (max-width: 798px) {
#menu_index {
width: 100%;
clear: both;
float: none;
}
#menu_index .menuBanner ul li {
width: 100%;
}
}
#menu .menuBanner li {
display: block;
margin-bottom: 20px;
} #pgmenu {
float: left;
width: 240px;
}
@media screen and (max-width: 798px) {
#pgmenu {
width: 100%;
}
}
.pgmenu_header {
}
#sidebar_page {
margin-top: 40px;
margin-bottom: 50px;
}
@media screen and (max-width: 798px) {
#sidebar_page {
margin-top: 40px;
}
#sidebar_page.azitems {
display: none;
}
}
#sidebar_page .sidebar_page_body li a {
background: transparent url(https://www.azumafoods.co.jp/wp-content/themes/azumafoods/img/list_mark_red.png) 6px center no-repeat;
}
.sidebar_page_header {
width: 100%;
text-align: center;
padding: 25px;
background: #fff;
color: #333;
font-weight: bold;
font-size: 18px;
border-top: 3px solid #de0b0b;
}
#sidebar_page .sidebar_page_body {
padding: 0 20px;
background: #fff;
padding-bottom: 5px;
}
#sidebar_page .sidebar_page_body ul {
padding: 5px 0;
}
#sidebar_page .sidebar_page_body li {
padding: 10px 0;
border-top: 1px dotted #bbb;
text-indent: 20px;
}
@media screen and (max-width: 798px) {
#sidebar_page .sidebar_page_body li {
padding: 15px 0;
font-size: 20px;
}
#sidebar_page .sidebar_page_header img {
width: 100%;
}
}
.sidebar_page_body li.current-cat a {
font-weight: bold;
}
#sidebar_page .sidebar_page_body li a {
height: 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
line-height: 20px;
text-decoration: none;
text-indent: 30px;
display: block;
}
.kyotsu_banner {
width: 100%;
text-align: center;
margin-bottom: 20px;
}
@media screen and (max-width: 479px) {
.kyotsu_banner {
display: none;
}
} #item_search {
display: flex;
flex-wrap: wrap;
justify-content: left;
box-sizing: border-box;
background-color: #fff;
padding: 20px;
line-height: 24px;
margin: 0 20px 20px 20px;
}
.item_search_header {
box-sizing: border-box;
text-align: center;
margin: 0 20px 0 0;
width: calc(50% - 20px);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
@media screen and (max-width: 798px) {
.item_search_header {
margin: 0;
width: 100%;
}
}
.item_search_header span {
font-weight: bold;
font-size: 150%;
}
@media screen and (max-width: 798px) {
.item_search_header span {
margin-bottom: 5px;
}
}
.item_search_header span i {
margin-right: 10px;
}
.item_search_body {
margin: 0;
box-sizing: border-box;
text-align: left;
width: calc(50% - 20px);
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
@media screen and (max-width: 798px) {
.item_search_body {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.item_search_body span {
display: none;
}
}
#item_search form#searchform {
display: inline-flex;
flex-wrap: wrap;
justify-content: left;
box-sizing: border-box;
width: 100%;
}
#item_search form#searchform input[type="text"] {
display: flex;
width: calc(100% - 90px);
padding: 6px;
}
@media screen and (max-width: 798px) {
#item_search form#searchform input[type="text"] {
width: 100%;
padding: 12px;
}
}
#item_search form#searchform #searchsubmit {
border: 0px;
background-color: #1c3e95;
font-weight: bold;
color: #fff;
width: 90px;
margin-left: -1px;
}
@media screen and (max-width: 798px) {
#item_search form#searchform #searchsubmit {
padding: 12px;
position: relative;
margin: 0 auto;
margin-top: 10px;
display: block;
left: 0;
}
}
#itemcat {
display: flex;
flex-wrap: wrap;
justify-content: center;
box-sizing: border-box;
padding: 10px;
line-height: 24px;
margin-bottom: 40px;
}
#itemcat a {
position: relative;
border-radius: 20px;
margin: 0 20px 0 0;
width: calc(50% - 20px);
display: block;
background-color: #fff;
padding: 25px;
font-weight: bold;
font-size: 18px;
}
@media screen and (max-width: 479px) {
#itemcat a {
width: 100%;
margin: 0;
margin-bottom: 10px;
}
}
#itemcat a:hover {
background: #1c3e95;
color: #FFF;
text-shadow: none;
transition: 0.5s;
}
#itemcat a:last-child {
margin: 0;
}
#itemcat a:after {
font-family: FontAwesome;
content: "\f054";
color: #999;
margin-left: 16px;
text-decoration: none;
}
.p_sub {
padding: 15px 0px;
}
.p_sub img {
max-width: 94px;
margin-right: 2px;
}
table.comBr02 {
width: 100%;
border: 1px solid #ddd;
}
table.comBr02 th {
font-weight: bold !important;
color: #666;
}
@media only screen and (max-width:479px) {
table.comBr02 {
border: none;
}
table.comBr02 tbody tr {
display: block;
margin-bottom: 6px;
}
table.comBr02 tbody th,
table.comBr02 tbody td{
display: list-item;
border: none;
list-style: none;
}
}
.t_sub {
clear: both;
line-height: 20px;
padding-top: 15px;
}
li#matchzero {
color: red;
width: 100% !important;
margin: 40px 0 !important;
}
@media only screen and (max-width:479px) {
li#matchzero {
margin: 30px 0 !important;
padding: 15px !important;
}
} .news {
background-color: #f8f8f8;
}
#main.news {
margin-bottom: 40px;
}
.news_post {
margin-bottom: 40px;
}
.news_post h5 {
color: #666;
font-weight: normal;
font-siZe: 115%;
}
.news_body {
padding: 20px;
background-color: #fff;
margin: 20px 0;
}
.news_body h2 {
font-size: 16px;
font-weight: normal;
}
@media screen and (max-width: 479px) {
.news_body h2 {
font-size: 15px;
line-height: 24px;
}
}
.news_body_single h2 {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}
.news_body h3 {
margin-bottom: 10px;
color: #888;
font-size: 15px;
font-weight: bold;
display: flex;
justify-content: left;
align-items: center;
flex-wrap: nowrap;
}
.news_body h3 img.m11 {
margin-left: 10px;
}
.news_body_single h3 {
text-align: right;
margin-bottom: 20px;
font-weight: normal;
}
.news_body_single h3 img.m11 {
margin-right: 8px;
vertical-align: middle;
}
.news_body_single {
max-width: 100%;
background-color: #fff;
padding: 20px;
margin-top: 40px;
}
.news_content {
line-height: 22px;
} .news_body_single iframe {
max-width: 100%;
}
@media screen and (max-width: 798px) { .news_body_single {
margin-left: 0;
}
.news_content {
line-height: 24px;
}
.news_content table {
width: 100% !important;
height: auto !important;
}
} .news_content p {
margin: 0;
line-height: 1.75;
}
.news_content h1 {
text-align: left;
font-size: 1.5em;
font-weight: bold;
line-height: 1.333em;
margin: 0.67em 0;
}
.news_content h2 {
text-align: left;
font-size: 1.35em;
font-weight: bold;
line-height: 1.333em;
margin: 0.67em 0;
}
.news_content h3 {
text-align: left;
font-size: 1.21em;
font-weight: bold;
line-height: 1.333em;
margin: 0.67em 0;
}
.news_content h4 {
text-align: left;
font-size: 1.1em;
font-weight: bold;
line-height: 1.333em;
margin: 0.67em 0;
}
.news_content h5 {
text-align: left;
font-size: 1em;
font-weight: bold;
line-height: 1.333em;
margin: 0.67em 0;
}
.news_content h6 {
text-align: left;
font-size: 0.8em;
font-weight: bold;
line-height: 1.333em;
margin: 0.67em 0;
}
.news-head {
margin-top: 50px;
margin-bottom: 40px;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
}
.news-head h1 {
font-size: 3rem;
font-weight: bold;
text-align: center;
margin-right: 20px;
}
.news-head h3 {display: flex;font-size: 20px;font-weight: normal;justify-content: left;align-items: center;}
.news_category {
text-align: center;
margin: 20px 0;
padding-bottom: 8px;
}
@media screen and (max-width: 798px) {
.news_category {
padding: 0 60px;
}
}
.news_category a {
border-radius: 4px;
font-size: 15px;
padding: 10px 12px;
line-height: 26px;
margin: 0;
}
@media screen and (max-width: 798px) {
.news_category a {
min-width: 100px;
line-height: 46px;
font-size: 20px;
display: block;
}
}
.news_category a.current {
font-weight: bold;
background-color: #1c3e95;
color: #fff;
}
.trackbackurl {
display: none;
}
.share_detail {
padding-top: 10px;
margin-top: 20px;
border-top: 1px solid #ddd;
display: inline-block;
width: 100%;
}
.share_button {
float: right;
text-align: center;
margin-top: 20px;
}
.share_button a {
font-size: 15px;
display: block;
padding: 6px 20px;
font-weight: bold;
color: #fff;
text-align: center;
letter-spacing: 0.1em;
text-decoration: none;
}
@media screen and (max-width: 479px) {
.share_button a {
padding: 15px;
}
}
.share_button a:hover {
color: #fff;
text-decoration: underline;
}
.share_button_tw {
background-color: #00acee;
border-bottom: 1px solid #0193CB;
float: left;
margin-right: 15px;
}
.share_button_fb {
background-color: #3B5998;
border-bottom: 1px solid #3C5A98;
float: left;
}
@media screen and (max-width: 479px) {
.share_button {
text-align: center;
width: 100%;
}
.share_button_tw {
width: 50%;
margin-right: 0;
}
.share_button_fb {
width: 50%;
}
}
._2vmz a:hover {
text-decoration: none !important;
}
.trackbackurl h3{
text-align: left;
}
@media screen and (max-width: 479px) {
.trackbackurl {
display: none;
}
}
input.trackback_field {
width: 50%;
padding: 2px;
border: 1px solid #ccc;
}
@media screen and (max-width: 479px) {
input.trackback_field {
width: 40%;
}
} img.rss_page {
margin-right: 4px;
}
nav.NavRecruit {
float: none;
}
.NavRecruit li {
width: 190px;
display: inline-block;
border-collapse: collapse;
margin-right: 12px;
}
@media screen and (max-width: 479px) {
.NavRecruit li {
width: 100%;
margin-bottom: 12px;
}
}
.NavRecruit li:nth-child(3) {
margin-right: 0;
}
.NavRecruit a {
display: block;
position: relative;
text-align: center;
padding: 10px;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
color: #1c3e95;
text-decoration: none;
background-color: #fff;
border: 3px solid #1c3e95;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
.NavRecruit a:hover {
color: #fff;
background-color: #1c3e95;
}
.NavRecruit span {
display: block;
}
.NavRecruit .sub {
font-size: 12px;
font-size: 1.2rem;
} 
dl.dl_history {
margin: 0px;
line-height: 26px;
padding: 0px;
width: 100%;
}
dl.dl_history dt {
margin: 0px;
padding: 2px 0px 2px 20px;
float: left;
}
dl.dl_history dd {
margin: 0px;
padding: 2px 0px 2px 115px;
border-bottom: 1px dotted #ddd;
}
dl.dl_contact {
margin-left: 10px;
padding: 0px;
float: left;
}
dl.dl_contact dt {
margin: 0px;
padding: 0px;
float: left;
}
dl.dl_contact dd {
margin: 0px;
padding: 0px 0px 0px 40px;
}
small.contact {
font-size: 12px;
color: #999;
}
.recruit-head {
margin-bottom: 40px;
border-bottom: 3px solid #1c3e95;
padding-bottom: 5px;
font-size: 26px;
}
.parts-blank {
margin: 40px;
display: table;
}
.parts-blank-20px {
margin: 20px;
display: table;
} ul.ul_decimal {
width: auto;
margin: 15px 10px;
padding: 0px 0px 0px 25px;
list-style: decimal;
}
@media screen and (max-width: 798px) {
ul.ul_decimal {
margin-bottom: 0;
}
}
ul.ul_decimal li {
min-height: auto !important;
margin: 0 !important;
width: 100% !important;
}
ul.ul_policy {
margin: 15px 0px 0px 10px;
padding: 0px 0px 0px 25px;
list-style: outside;
} #sitemap {
display: block;
padding: 0 70px;
}
@media screen and (max-width: 798px) {
#sitemap {
padding: 0;
}
}
#sitemap ul {
width: calc(50% - 20px);
}
#sitemap span {
color: #1c3e95;
margin: 20px 0;
font-size: 130%;
font-weight: bold;
display: block;
}
ul.sitecat {
float: left;
margin-right: 20px;
margin-bottom: 40px;
line-height: 24px;
}
ul.articat {
float: left;
margin-right: 0;
line-height: 24px;
}
@media screen and (max-width: 479px) {
#sitemap ul {
width: 100%;
}
ul.sitecat,
ul.articat {
float: none;
}
}
ul.sitecat a, ul.articat a {
text-decoration: underline;
}
ul.sitecat li.pagenav ul.children, 
ul.articat li.pagenav ul.children {
margin-bottom: 10px;
}
ul.sitecat li.pagenav ul, 
ul.articat li.categories ul {
margin-left: 18px;
} .wpcf7 select {
padding: 4px;
}
.wpcf7 span.wpcf7-not-valid-tip {
display: none;
}
.wpcf7 .wpcf7-not-valid {
background: #ffecef;
}
.wpcf7 .wpcf7-response-output {
background-color: #fff;
margin: 15px 0 0;
padding: 8px 35px 8px 12px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.wpcf7 .wpcf7-validation-errors	{
color: #B94A48;
background-color: #F2DEDE;
border: 1px solid #EED3D7;
}
.wpcf7 .wpcf7-mail-sent-ok {
color: #3c763d;
background-color: #dff0d8;
border: 1px solid #d6e9c6;
}
.wpcf7 .wpcf7-form-control.wpcf7-textarea, 
.wpcf7 .wpcf7-form-control.wpcf7-text {
padding: 4px;
border: 1px solid #ccc;
}
@media screen and (max-width: 798px) { 
.wpcf7 select {
padding: 10px;
}
.wpcf7 .wpcf7-form-control.wpcf7-textarea, 
.wpcf7 .wpcf7-form-control.wpcf7-text {
padding: 10px;
}
} form.wpcf7-form.submitting .wpcf7-form-control.wpcf7-submit {
pointer-events: none; opacity: 0.5; cursor: not-allowed; }
.required-contactform7 {
padding: 4px 8px 4px 8px;
font-size: 10px;
background: #DE8686;
color: #fff;
border-radius: 3px;
margin-right: 8px;
line-height: normal;
}
.table-contactform7 th {
font-weight:bold;
}
.table-contactform7 input,
.table-contactform7 textarea {
width: 80%;
}
@media screen and (max-width: 798px) { 
.table-contactform7 input,
.table-contactform7 textarea {
width: 100%;
}
}
.address-100 input {
width: 100%;
}
.message-100 textarea {
width: 100% !important;
}
.c_center{
text-align: center;
margin-top: 20px;
}
.rc_center {
width: 304px;
padding-bottom: 20px;
margin: 0 auto;
}  .grecaptcha-badge {
visibility: hidden;
} .page-id-257 .grecaptcha-badge { visibility: visible;
}  img.img_ex_r5 {
margin-right: 21px;
}
p.center_layout_u0 {
max-height: 95px;
padding-top: 5px;
}
@media screen and (max-width: 479px) {
p.center_layout_u0 img {
width: 100%;
}
}  ::selection {
background:#1c3e95;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#1c3e95;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#1c3e95;
color:#FFF;
text-shadow:none;
}  .alignnone {
margin:5px 20px 5px 0;
} img[class*="wp-image-"],
img[class*="attachment-"] {
margin: 5px 5px 0px 0px;
max-width: 100%;
height: auto;
vertical-align: middle;
}
@media screen and (max-width: 479px) {
img[class*="wp-image-"],
img[class*="attachment-"] {
width: auto;
max-width: 100%;
height: auto;
}
}
.aligncenter,
div.aligncenter {
display:block;
vertical-align: middle;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 5px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
@media screen and (max-width: 479px) {
a img.aligncenter {
width: auto;
height: auto;
max-width: 100%;
}
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.sticky {
}
.bypostauthor {
}