p{line-height:1.875em;}
body{
padding-top:0px !important;
padding-bottom:0px !important;
line-height:2em !important;}
.container{max-width:1100px !important;}
article a{color:#ff0000;}
article a:hover{text-decoration:none; color: #5a5a5a;}
article a img:hover,
article a:hover{
filter:alpha(opacity=60);
opacity:0.6;
} #breadcrumbs span,
#breadcrumbs span a,
#breadcrumbs,
#breadcrumbs a{
text-decoration:none;
color: #666 !important;
font-size: 14px;
}
@media (max-width: 820px) {
.brandtitle{
padding-left:1em;
}}
@media (min-width: 1100px) {
.container{
padding-right:0 !important;
padding-left:0 !important;
}}
.headerarea{
padding: 0 50px !important;
margin-top:27px;
}
.card{
border-radius:0 !important;
border:0 !important;
}
#navbarCollapse ul li a{
color:#ffffff;
}
.right-absolute{
position:absolute;
right:0;
}
.left-absolute{
position:absolute;
left:0;
}  .navbar{
align-items: flex-end !important;
}
.navbar-expand-md .navbar-nav .nav-link {
padding:0 !important;
}
.navbar-expand-md .at-nav01 i,
.navbar-expand-md .at-nav01 .nav-link {
margin-left: 30px !important;
}
.navbar-expand-md .at-nav01 i{
font-size:16px;
}
.navbar-expand-md .at-nav02 .nav-link {
margin-left: 40px !important;
}
li.left-line{
height:16px;
flex: 1;
color: white;
margin-right: 26px;
position: relative;
}
li.left-line:after {
margin:0px 26px;
content: "";
width: 1px;
height: 16px;
background-color: #ffffff;
position: absolute;
left: 100%;
top:50%;
}
.fa-search:before{
color:#ffffff;
}
.fa-angle-double-right:before,
.fa-chevron-circle-right:before {
margin-right:.5em;
} .global-nav {
margin: 0;
}
.global-nav .nav-list {
display: flex;
justify-content: space-between;
list-style: none;
margin: 0;
padding: 0;
}
.global-nav .nav-list .nav-item {
flex: 1;
}
.global-nav .nav-list .nav-item a {
color: #333;
display: block;
padding: 0.6em 0.4em;
text-align: center;
text-decoration: none;
}
.global-nav .nav-list .nav-item:last-child a {
border-right: none;
} @media screen and (min-width: 820px) {
.nav-list {
position: relative;
}
.nav-item_sub {
background: #000;
left: 0;
margin: 0 calc(50% - 50vw);
opacity: 0;
position: fixed;
top: 120px;
transition: all 0.2s ease;
visibility: hidden;
width: 100vw;
z-index: 9999;
padding:48px;
opacity:0.7 !important;
}
.nav-item_sub .inner {
display: flex;
margin: 0 auto;
}
.nav-item_sub .inner ul {
margin: 20px 20px 20px;
}
.global-nav .nav-list .nav-item_sub a {
text-align: left;
}
.nav-item:hover .nav-item_sub {
opacity: 1;
visibility: visible;
}
}
@media screen and (max-width: 820px) {
.global-nav-header {
height: 50px;
}
.global-nav .nav-list {
background: rgba(0, 0, 0, 0.8);
display: none;
left: 50%;
padding: 10px;
position: absolute;
transform: translate(-50%, 0%);
width: 100%;
}
.global-nav .nav-list .nav-item a {
border-bottom: 1px solid #ccc;
border-right: none;
color: #fff;
padding: 1rem 1rem;
text-align: left;
}
.global-nav .nav-list .nav-item:last-child a {
border-bottom: none;
}
.global-nav-icon {
color: #999;
cursor: pointer;
display: inline-block;
font-size: 28px;
position: absolute;
right: 5px;
top: 15px;
z-index: 2;
}
}
.menu_subindex{border-right:1px solid #ff0000; color:#ff0000; max-width:230px;}
.menu_subindex_01{vertical-align:middle;}
.menu_subindex .subtitle{font-size:12px;}
.menu_subindex h3{font-size:22px;}
.menu_subcontent{vertical-align:middle;}
header .nav-item a.nav-link{
position: relative; }
header .nav-item a.nav-link::after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 2px;
background: #ff0000;
bottom: 20px; opacity: 0;
visibility: hidden;
transition: 0.3s;
}
header .nav-item a.nav-link:hover::after {
visibility: visible;
bottom: -5px; opacity: 1;
}
#topnav{
z-index:999999 !important;
} .brandtitle{
height: 22vw;
max-height: 200px;
width: 100%;
border-left: 10px solid #FF0000;
position:relative;
}
.indexsection .brandtitle .container:not(#index .indexsection .brandtitle .container){
height: auto !important;
position: absolute !important;
top: 50%;
-webkit-transform : translateY(-50%);
transform : translateY(-50%);
}
@media (min-width: 1100px) {
.indexsection .brandtitle .container:not(#index .indexsection .brandtitle .container){
left: 0;
right: 0;
}}
.carousel-caption {
height: auto !important;
} .page_subindex h3 a{
text-decoration:none;
color:#000000 !important;
line-height:1.5em !important;
margin-bottom:0 !important;
}
#index .about-at{ margin-bottom:75px;
}
#page article,
#post article{ }
.about-at .card{
margin: auto 20px;
max-width:340px;
}
@media (min-width: 1200px) {
#index .upper{
margin-top:-110px;
}
#content .upper{
margin-top:-80px;
}}
@media (max-width: 1199px) {
#content .upper,
#index .upper{
margin-top:0px;
}}
.upper_in{padding-top:50px;} .p-l-0{
padding-left:0 !important;
}
.p-r-0{
padding-right:0 !important;
} .about-at div.indexsection{
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display:block;
}
@media (min-width: 821px) {
.about-at div.indexsection{
height:700px !important;
}}
@media (max-width: 820px) {
.about-at div.indexsection{
height:550px !important;
}}
@media (max-width: 540px) {
.about-at div.indexsection{
height:420px !important;
}}
.wide1200{
width:100%;
max-width: 1200px !important;
} @media (min-width: 820px) { .at-nav01{
font-size:12px;
}
.at-nav02{
font-size:16px;
}
#content h1,
#index h2{
font-size:50px;
}
#news h3{
font-size:30px;
}
} .card-text{
margin-top:-.29em;
}
.brandtitle h2{
margin-bottom:1em;
}
.brandtitle .subtitle{
display:block;
font-size:24px;
margin-bottom:1em;
}
section .lead{
font-size:18px;
}
section .lead a{
text-decoration:none !important; font-weight:bold;
display:block;
}
#index section p.lead{padding:6px;}
#index section p.lead a,
#index section p.lead{
padding-left: .3em; color: #ffffff !important;
}
#index .lead{ background: rgba(255,0,0,0.75);
color: #ffffff !important;
}
#content h3:not(.staff h3):not(aside h3), .about-at h3:not(.staff h3):not(aside h3){
font-size:20px;
color:#ff0000;
}
#content h3:not(.staff h3):not(aside h3):not(h3.2col), .about-at h3:not(.staff h3):not(aside h3):not(h3.2col){
line-height:1em;
margin: 1.2em auto .6em auto;
}
#content:not(#index) h3:not(.page_subindex h3):not(aside h3):not(.staff h3):before{
position: relative;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
width: 8px;
height: 8px;
content: "";
background-color: #ff0000;
} #content h2:not(.footerlogo)::before,
#page .about-at h2:not(.footerlogo)::before{
position: relative;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
width: 8px;
height: 32px;
content: "";
background-color: #ff0000;
} @media screen and (min-width:990px) {
#content .product_area h3:not(.staff h3),
.about-at .product_area h3:not(.staff h3){
margin-top:0 !important;
line-height:1em !important;
margin-bottom:2em !important;
}
}} .red a,
.red{color:#ff0000 !important;} ul.sidemenu{
padding-left:0 !important;} footer .menu-innner{
text-align:left; margin:50px auto;
}
footer .menu-innner a{
text-decoration:none;}
footer .menu-innner h5{
border-bottom:1px solid;
padding-bottom: 11px;
margin-bottom: 22px;}
footer .logobanner{
margin-top:75px;}
footer .bannerarea img{
max-width:275px;}
footer .bannerarea ul{
display:inline-block;
list-style-type:none;}
footer .copyright{
display: block;
margin-top: 40px;
padding-bottom: 75px;}
footer .footermenu{
background-color:#ff0000; padding:30px 0px;
}
footer .footermenu ul{
padding-left: 0;
list-style: none;
}
footer .footermenu li a{
color:#ffffff !important;
font-size:14px;}
footer .footermenu .largelist li a{
font-size:16px;}
footer .footerlogo{
margin-bottom:43px;}
footer .snslink{
margin-top:37px;}
footer .bannerarea img{
margin-bottom:20px;} aside li a{
color:#666 !important;
font-size:14px;}
aside h3{
margin-top: 20px;
text-decoration:none;
background-color:#666;
color:#fff !important;
font-size:16px;
height: 34px;
padding-left:1em;
width:100%;
display:block;}
aside h3 a{
color:#fff !important;
text-decoration:none;
}
aside .inq a{
text-decoration:none;
background-color:#ff0000;
color:#fff !important;
font-size:16px;
padding-left:1em; height: 34px;
width:100%;
display:block;} .bg-gray{
background-color:#444444;
color:#fff;
padding-top:90px;
}
@media screen and (min-width:821px) {
.no-headimg,
.post{
margin-top:160px;
}}
@media screen and (max-width:820px) {
.no-headimg, .post {
margin-top: 65px !important;
}}
#content article h2{
font-size:35px;
line-height:1em;
margin-bottom:55px;
}
#content article{ padding-bottom:75px;
} p.shousai a,
p.shousai{
color:red;
text-align:right;
}
.voice-right{
height:640px;
width:auto;}
.voiceimg {
text-align:center;
}
@media (max-width: 600px){
.voice-right{
height:500px;}}
@media (max-width: 1100px){
.about-at .card{
margin: auto !important;
margin-right:auto !important;
margin-left:auto !important;
}}
.btn-circle {
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
padding: 0;
border-radius: 50%;
}
.btn-circle i {
position: relative;
top: -1px;
}
.btn-circle-sm {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 0.9rem;
}
.btn-circle-lg {
width: 55px;
height: 55px;
line-height: 55px;
font-size: 1.1rem;
}
.btn-circle-xl {
width: 70px;
height: 70px;
line-height: 70px;
font-size: 1.3rem;
} .arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #ffffff;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.circle5-6::before{
box-sizing: border-box;
width: 38px;
height: 38px;
border: 1px solid #ffffff;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.circle5-6::after{
left:11px;
width: 11px;
height: 11px;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.circlebutton{
top: 50%;
position: absolute;
margin-right: 0;
right: 0;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 10px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 10px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
@media only screen and (max-width: 413px) {
img.alignright {
padding: 0 0 10px 0;
margin: 0 auto;
display: block;
}
img.alignleft {
padding: 0 0 10px 0;
margin: 0 auto;
display: block;
}
.alignright {
float: none;
}
.alignleft {
float: none;
}
} .gallery { width: 100%;
margin-bottom: 20px !important;
overflow: hidden;
}
.gallery br {display: none;} .gallery-item { float: left;
margin-bottom: 0 !important;
}
.gallery-icon { text-align: center;
}
.gallery-icon img {
width: 100%;
height: auto;
margin-bottom: 10px !important;
}
.gallery-caption { color: #222;
font-size: 12px;
margin: 0 0 10px;
text-align: center;
}
.gallery-columns-1 .gallery-item { width: 100%;
margin-right: 0;
}
.gallery-columns-2 .gallery-item { width: 48%;
margin: 0 1%;
}
.gallery-columns-3 .gallery-item { width: 31.33333%;
margin: 0 1%;
}
.gallery-columns-4 .gallery-item { width: 23%;
margin: 0 1%;
}
.gallery-columns-5 .gallery-item { width: 18%;
margin: 0 1%;
}
@media screen and (max-width: 640px) { .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item {
width: 48%;
margin: 0 1%;
}
.gallery-columns-5 .gallery-item {
width: 31.33333%;
margin: 0 1%;
}
}main#index{margin-top: -48px;}
#brand div.indexsection,
#about-at01 div.indexsection{
background-image: url(//www.asahi-tekko.co.jp/wp-content/themes/asahi-tekko/images/top/bg_01.jpg);
}
#product div.indexsection,
#about-at02 div.indexsection{
background-image: url(//www.asahi-tekko.co.jp/wp-content/themes/asahi-tekko/images/top/bg_02.jpg);
}
#facility div.indexsection,
#about-at03 div.indexsection{
background-image: url(//www.asahi-tekko.co.jp/wp-content/themes/asahi-tekko/images/top/bg_03_04.jpg);
}
#quality div.indexsection,
#about-at04 div.indexsection{
background-image: url(//www.asahi-tekko.co.jp/wp-content/themes/asahi-tekko/images/top/recruit.jpg);
}
#company div.indexsection,
#about-at05 div.indexsection{
background-image: url(//www.asahi-tekko.co.jp/wp-content/themes/asahi-tekko/images/top/bg_05.jpg);
}
#voice div.indexsection,
#recruit div.indexsection{
background-image: url(//www.asahi-tekko.co.jp/wp-content/themes/asahi-tekko/images/top/recruit.jpg);
}#index #news{
margin-top:-150px;
z-index:100 !important;
position: relative; }
@media (min-width: 821px){
#index #news{
margin-top:-150px;} }
@media (max-width: 820px){
#index #news{
margin-top:0px;}
} #index #news .category{
color: #fff;
margin-top: -14px;
position: absolute;
z-index: 1 !important;
z-index: 99 !important;
font-size: 12px;
width: 90px;
height: 28px;
display: block;
margin-top: -44px;
line-height: 28px;
text-align: center;
text-align:center;
background-color:#ff0000; }
#index .about-at .card-body,
#index #news .card-body{
padding:0 !important;
margin-bottom: 42px;
} #index #news .card p{
font-size:14px;
}
#index #news .card span{
font-size:12px;
line-height:1em;
}
#index #news .card .date {
color: #ffffff;
margin: 1em auto;
line-height: 1.4em;
border-bottom: 1px solid #777777;
}
.post h2:not(.footerlogo){
border-bottom:1px solid #666 !important;
} .news .tab-content ul {
font-size:16px;
margin: 0;
margin-top:20px;
background: none;
}
.news .tab-content ul li {
margin: 10px auto;
padding-left: 18px;
font-weight: normal;
font-size: 100%;
border-bottom: 1px solid #dadada;
padding-bottom: 6px;
}
.news .tab-content ul li a{
text-decoration:none;
color: #5a5a5a;
}
.news .tab-content .icon {
display: inline-block;
width: 6em;
height:34px; background: #ff0000;
margin-left: 25px;
margin-right: 25px;
color: #fff;
text-align: center;
}
.news .tab-content .showroom {
background: #ff7f50;
} .news .tab-content .icon a{
color: #fff;
}
.news .nav-tabs .nav-link{
color: #5a5a5a;
}
.news .nav-tabs .nav-link.active{
color: #ff0000 !important;
}
.news img.thumb{
width:55px !important;
height:auto !important;
margin-right:.5em;
}
.news .date{
text-align:right;
}