@charset "UTF-8";

/*
Theme Name: wp-nagaocan2022
Theme URI: http://www.www.www/
Description: Nagao Seikanjo original theme
Author: Masayuki Katsuyama
Author URI: http://www.extc.co.jp/
Version: 1.0
*/

/* CSS Document */

/*全体*/
body {
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*ヘッダー*/
#header {
	background-color: #FFFFFF;
	border-top: 4px solid #66AA66;
}
#headerTop {
	height: 80px;
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#headerLogo {
	position: absolute;
	left: 10px;
	top: 20px;
}
#headerCatch {
	position: absolute;
	right: 10px;
	top: 38px;
}

/*ナビゲーション*/
#mainNav {
	border-top: 1px solid  #CCC;
	border-bottom: 1px solid #666;
	background-color: #f2f2e6;
}
#menu-global {
	width: 940px;
	height: 42px;
	background-image: url(images/bg_nav.png);
}
ul#menu-global {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
}
#menu-global li {
	position: relative;
	width: 210px;
	float: left;
	text-align: center;
	z-index: 10;
}
#menu-global li#menu-item-104 {
	width: 100px;
}
#menu-global li a {
	font-size: 16px;
	color: #FFFFFF;
	line-height: 1;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 13px 0;
}
#menu-global li:hover > a {
	background: #88c322;
	color: #FFF;
	text-shadow: none;
}
#menu-global li a:hover {
	color: #095C35;
}

/*ナビゲーションサブメニュー*/
#menu-global li ul {
	position: absolute;
	top: 100%;
	left: 0;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#menu-global li ul li{
	overflow: hidden;
	zoom:1;
	width: 210px;
	height: 0;
	color: #fff;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}
#menu-global li ul li a{
	padding-top: 9px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 9px;
	text-align: center;
	font-size: 14px;
	background-color: #88c322;
	border-top: 1px #73A64A dotted;
}
#menu-global li ul li a:hover{
	color: #095C35;
}
#menu-global li:hover ul li{
	overflow: visible;
	height: 33px;
}

/*トップ グラフィック*/

#topGra {
	margin-top: 3px;
	background-image: url(images/white_carbonfiber.png);
/images/white_carbonfiber.png);
}
#topGraInner {
	width: 940px;
	margin: 0 auto;
	padding: 0;
}
.gtop {
	height: 280px;
}
.gblog {
	height: 130px;
}

h1#headline {
	margin:0;
	padding:0;
	height: 80px;
}
h1#headline_blog {
	margin:0;
	padding:0;
	height: 130px;
}

/*コンテンツ*/
#contents {
	width: 940px;
	text-align: left;
	margin: 0 auto;
	padding: 40px 0;
	overflow: hidden;
	zoom:1;
}
#maincolumn {
	width: 680px;
	float: left;
}
#sidebar {
	width: 220px;
	float: right;
}
section {
	overflow:hidden;
	zoom:1;
}

/*サイド部分*/
.sideBox {
	margin:0;
	margin-top: 10px;
	padding: 3px;
	border: 1px solid #AAAAAA;
}
.sideBox h4 {
	font-size: 14px;
	color: #FFFFFF;
	margin: 0;
	padding: 2px 0 0 2px ;
	line-height: 1.4em;
	background-color:#999999;
}
#sidebar ul {
	font-size: 13px;
	margin: 8px 0 5px 0;
	padding-left: 1.5em;
}
#sidebar a {
	text-decoration: none;
}

/*フッター*/
#footer {
	width: 100%;
	background-color: #F2F2E6;
	border-top: 4px solid #66AA66;
}
#footerNav {
    display: table;
    table-layout: fixed;
	margin: 0 auto;
	padding: 30px 0;
}
#footerNav ul {
	font-size: 13px;
	line-height: 1.8em;
	text-align: left;
	list-style: none;
	float: left;
	margin: 0 40px;
	padding-left: 2em;
}
#footerNav ul li.idx {
	font-weight: bold;
	margin-left: -2em;
}
#footerNav ul li a{
	color: #333333;
	text-decoration: none;
}

#footer-id {
	background-color:#222222;
	color: #FFFFFF;
	clear:left;
	padding: 30px 0;
}

/*フロート制御*/
.bind {
	overflow: hidden;
	zoom:1;
	position: relative;
}
.fLeft {
	float: left;
	zoom: 1;
}
.fRight {
	float: right;
	zoom: 1;
}
.fClear {
	clear: both;
}

/*マージンセレクタ*/
.t10 {
	margin-top: 10px;
}
.t20 {
	margin-top: 20px;
}
.t30 {
	margin-top: 30px;
}
.t40 {
	margin-top: 40px;
}
.t50 {
	margin-top: 50px;
}
.t60 {
	margin-top: 60px;
}
.b10 {
	margin-bottom: 10px;
}
.b20 {
	margin-bottom: 20px;
}
.b30 {
	margin-bottom: 30px;
}
.b40 {
	margin-bottom: 40px;
}
.b50 {
	margin-bottom: 50px;
}
.b60 {
	margin-bottom: 60px;
}
.l10 {
	margin-left: 10px;
}
.l20 {
	margin-left: 20px;
}
.r5 {
	margin-right: 5px;
}
.r10 {
	margin-right: 10px;
}
.r20 {
	margin-right: 20px;
}


/*＃＃＃＃ 以下は toppage.css より ＃＃＃＃*/


/*トップページ 左コラム*/
.col-left {
	width: 540px;
	float: left;
}
.col-left section {
	margin-bottom: 30px;
}
.col-left section:last-child {
	margin-bottom: 0px;
}

.col-3way {
	width: 170px;
	float: left;
	margin-right: 15px;
}
.bind .col-3way:last-child {
	margin-right: 0px;
}
.col-3way p {
	font-size: 12px;
	line-height: 1.2em;
}

/*トップページ 右コラム*/
.col-right {
	width: 360px;
	padding-left: 20px;
	float: right;
	border-left: 1px dotted #ccc;
}

/*トップページ モジュール*/
.module01 {
	padding: 10px;
	background-color: #eee;
	border: 1px solid #999999;
}
.module02 {
	margin-top: 20px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #333;
}

.w240 {
	width: 240px;
}
.w400 {
	width: 400px;
}

/*トップページ 社訓エリア*/
.shakunArea {
	width: 680px;
	background-image: url(images/shakun.png);
	background-repeat: no-repeat;
	padding-top: 140px;
}
.efBox3, .efBox1 {
	margin-bottom: 15px;
	padding: 0;
	-webkit-box-shadow: 0px 2px 1px #CCCCCC;
	box-shadow: 0px 2px 1px #CCCCCC;
	border: 1px solid #2D882C;
}
.efBox3:hover, .efBox1:hover {
	border: 1px solid #F29200;
}
.efBox3 {
	width: 218px;
	height: 118px;
	margin-right: 10px;
	float: left;
}
.efBox1 {
	width: 678px;
	height: 68px;
	margin-top: 10px;
	clear: left;
}
.r0 {
	margin-right: 0;
}

/*トップページ インフォ欄*/
.infoBox {
	width: 678px;
	border: 1px solid #999999;
	margin-top: 30px;
	border-radius: 5px;
}
.infoUnit {
	padding: 10px 0;
}
.infoBox h1{
	margin: 0;
	padding: 0 10px;
	font-size: 18px;
	line-height: 2em;
	background-color: #F2F2E6;
	border-bottom: 2px solid #2D882C;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.infoBox dl {
	margin: 10px auto;
	width: 640px;
}
.infoBox dt.date {
	font-size:13px;
	color: #666666;
	float:left;
	width: 90px;
	line-height: 1em;
}
.infoBox dd {
	padding-left: 160px;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	line-height: 1em;
}
.infoBox dd.info {
	background: url(images/icon_info.png) no-repeat 100px	 0;
}
.infoBox dd.blog {
	background: url(images/icon_blog.png) no-repeat 100px	 0;
}
.infoBox a {
	text-decoration: none;
}
.infoBox p {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0px;
	padding-top: 5px;
}

/*＃＃＃＃ 以下は subpage.css より ＃＃＃＃*/

@charset "UTF-8";

/* テキスト設定 */
p {
	font-size: 14px;
	line-height: 2em;
	margin: 0;
	padding: 0;
}
h2 {
	margin:0;
	margin-bottom: 30px;
	padding:0;
}
h3 {
	font-size:17px;
	color:#FFFFFF;
	text-align:left;
	background-color:#999999;
	margin: 0 0 10px  0;
	padding: 0 10px;
}
h4 {
	font-size: 18px;
	line-height: 1.4em;
	margin: 8px 0;
}
h5 {
	font-size: 14px;
	color: #333333;
	margin: 10px 0 5px 0 ;
}
/*h5 {
	font-size: 18px;
	margin: 0;
	padding: 0;
	line-height: 1.3em;
}*/
.aRight {
	text-align: right;
}
span.super {
vertical-align: super;
font-size:8px;
}

/*段組用ボックス*/
.threeCol {
	width: 220px;
	float: left;
	margin-right: 10px;
}
.twoCol {
	width: 330px;
	float: left;
	margin-right: 20px;
}
 .col_withFig {
	 width: 440px;
	 float:left;
	 margin-right: 20px;
}
.last {
	margin: 0;
}
.threeCol p, .twoCol p {
	font-size: 13px;
	line-height: 1.5em;
}

/*リスト表示（会社概要・沿革）*/

.wrapper-hl {
  border-bottom: 1px dashed #CCC;
  margin-bottom: .7em;
  padding-bottom: .7em;
  overflow: hidden;
}

.wrapper-hl:first-child {
  border-top: 1px dashed #CCC;
  padding-top: .7em;
}

dl.profileList {
	font-size: 14px;
	line-height: 2em;
	margin: 0;
	padding: 0;
}

.profileList dt {
  clear: left;
  float: left;
	width: 5em;
}

.profileList dd {
	margin-left: 7em;
}


dl.historyList {
  font-size: 14px;
  line-height: 1.75em;
  margin: 0;
  padding: 0;
}

.historyList dt {
  clear: left;
  float: left;
	width: 12.5em;
  position: relative;
}

.historyList dt span {
  position: absolute;
  right: 0;
}

.historyList dd {
	margin-left: 14.5em;
}

/*リスト表示（工場スペック）*/
.factorySpec dl, .factorySpec dt, .factorySpec dd {
	font-size: 13px;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}
.factorySpec h3 {
	font-size: 14px;
	color: #000000;
	margin: 10px 0 0 0 ;
}
.factorySpec dt {
  float: left;
  clear: left;
	width: 16em;
}

/*工場地図*/
.factoryBox {
	padding: 4px;
	border: 1px solid #CCCCCC;
	margin-top: 20px;
	margin-bottom: 20px;
	overflow:hidden;
}
.mapBox {
	border: 1px solid #CCCCCC;
	width: 500px;
	margin: 30px 0;
	margin-left:84px;
	padding: 4px 9px;
}
.mapBox p {
	font-size:14px;
	line-height:1.3em;
	margin: 5px 0;
}

/*製品案内ページ*/
.productBox01, .productBox02, .productBox03 {
	margin-bottom: 20px;
	padding: 9px;
	border: 1px solid #CCCCCC;
	-webkit-box-shadow: 1px 2px 2px #BBBBBB;
	box-shadow: 1px 2px 2px #BBBBBB;
}
.productBox01 {
	overflow: hidden;
}
.productBox02 {
	width:310px;
}
.productBox01 img {
	float: left;
}
.productBox01 h4, .productBox02 h4, .productBox03 h4 {
	color: #00709D;
}
.productBox01 p, .productBox02 p, .productBox03 p {
	line-height: 1.8em;
}
.productBox01 h4, .productBox01 p {
	padding-left: 320px;
}

/*製品ページ　コンパクトプレス用*/
.cpressBox01 {
	margin: 20px 0;
	overflow: hidden;
}
.cpressBox02 {
	width: 210px;
	float: left;
	margin: 0;
	margin-right: 15px;
}
.end {
	margin-right: 0;
}
.cpressBox01 p, .cpressBox02 p {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.5em;
}
.cpressBox01 p {
	width: 310px;
}
.cpressBox01 h3{
	font-size:14px;
	margin: 10px	 0 ;
	padding: 5	px;
}
.cpressBox01 h5, .cpressBox02 h5{
	font-size:16px;
	color: #00709D;
	font-weight: bold;
	border-bottom: 1px dotted #00709D;
	margin-bottom: 10px;
}
.r15 {
	margin-right: 15px;
}
.cpressBox01 table{
	margin-bottom: 10px;
}
.cpressBox01 tr, .cpressBox01 tr td{
	width: 164px;
	font-size:13px;
	text-align:center;
}
.label {
	background-color: #F2F2E6
}

/* ボックス類（整理前）
.box_main02 {
	width:310px;
	padding: 9px;
	border: 1px solid #CCCCCC;
	margin-top: 15px;
}*/

/*リサイクルマニュアル*/
.recycleBox {
	margin: 20px 0;
	padding: 35px 19px 9px 19px;
	border: 1px solid #6881AF;
}
.nonTitle {
	padding: 9px 19px;
}
.recycleBox h4 {
	background-color: #6881AF;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 24px;
	margin: -35px -19px 10px -19px;
	padding-left: 5px;
}
.recycleBox p {
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height:1.7em;
}
.recycleBox ol, .recycleBox ul {
	font-size: 13px;
	line-height:1.7em;
}
.center {
	text-align:center;
}

/*お問い合わせフォーム*/
.formSelect {
	width: 318px;
	margin: 0;
	padding: 6px 0	3px	20px;
	float: left;
	background-color: #EEEEEE;
	border-top: #999999 1px solid;
	border-left: #999999 1px solid;
	border-right: #999999 1px solid;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.inactive {
	background-color: #A8B5C6;
	padding-bottom: 2px;
	border-bottom: #999999 1px solid;
}
.formSelect h3 {
	margin: 0;
	padding: 0;
	background-color: transparent;
	color: #065993;
}
.formSelect.inactive h3 {
	color: #FFFFFF;
	font-weight:normal;
}
.formSelect h3 a {
	text-decoration: none;
	display:block;
	color: #FFFFFF;
}
.formBody {
	width: 638px;
	margin: 0;
	padding: 20px;
	background-color: #EEEEEE;
	border-left: #999999 1px solid;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
}
.formBody table {
	border-color: #FFFFFF;
}
.formBody tr {
	font-size: 12px;
}
.formBody th {
	width: 11em;
	background-color: #B2E2D6;
}

/*お知らせページ*/
.newsBox {
	border: 1px solid #CCCCCC;
	box-shadow: 1px 2px 2px #BBBBBB;
	margin-bottom: 20px;
	padding: 29px;
}
.newsBox:after {
	display: block;
	clear: both;
	height: 0;
}
h1.page-title {
	font-size: 18px;
	color: #333333;
    border-bottom:2px solid #66AA66;
    margin: 0 0 30px 0;
}
.newsLineBox .post {
	padding: 30px 0;
	border-top: 1px dotted #333333;
	overflow: hidden;
}
.newsLineBox dt {
	float: left;
	width: 120px;
}
.newsLineBox dt.date {
	color: #666666;
}
.newsLineBox dd {
	float: left;
	width: 560px;
}
.newsLineBox dd a {
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
}
.newsLineBox dd p {
	font-size: 0.8;
	line-height: 1.5;
}
.pnavi-w {
	clear: left;
	margin-left: 10px;
	margin-top:30px;
}

/*缶のこともっと知ろう*/
h2.blogTitle {
	font-size: 18px;
	color: #990000;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding: 0.8em 0 0.8em 3em;
    background-color: #F2F2E6;
	background: url(images/tip.png) no-repeat 0  5px;
}

/*PagiNavi*/
.wp-pagenavi {
	padding-top: 10px;
	padding-bottom: 25px;
	font-size: 12px;
}
.wp-pagenavi a,
.pages,
.current {
	margin-right: 4px;
	padding: 3px 6px;
	border: 1px solid #ccc;
	background: #fff;
	font-weight: nomal;
	text-decoration: none;
	text-align:center;
}
.wp-pagenavi a:hover,
.current{
	color: #fff;
	background: #3793ce;
}

/*前後の投稿への遷移*/
.adjacent_post_links {
	margin: 20px 0 0;
	padding-top: 10px;
	border-top: 1px solid #999999;
}

.adjacent_post_links ul {
	margin: 0;
	list-style:none;
	font-size:12px;
	padding-left: 0;
}

.adjacent_post_links ul:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.adjacent_post_links li {
	max-width: 325px;
	height: 20px;
}

.adjacent_post_links li a {
	display: block;
	vertical-align: middle;
	text-decoration: none;
}

.adjacent_post_links li.previous {
	float: left;
}

.adjacent_post_links li.previous a {
    background: url( images/bg_previous_link.png) no-repeat left center;
	padding-left: 20px;
}

.adjacent_post_links li.next {
	float: right;
}

.adjacent_post_links li.next a {
    background: url( images/bg_next_link.png) no-repeat right center;
	padding-right: 20px;
}

/*2018-12追加*/

#add2018 dt  {
    float: none;
    font-weight: bold;
    margin-top: 14px;
}

#add2018 dd {
    margin-left: 14px;
}

#add2018 img.cansize {
    margin: 20px auto 10px 50px;
}

#add2018 dl.prize dd {
    color: red;
    font-size: 18px;
}

.scroll-box {
    height: 260px;
    overflow: scroll;
}

/*---------------------------------
2021年10月更新
---------------------------------*/

/*
SDGsへの取り組み
---------------------------------*/
img.sdgs-logo {
  display: block;
  margin: 0 auto 40px;
}

.wrapper-icons {
  margin-top: 20px;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px dashed #ccc;
}

.wrapper-icons img{
 width: 100px;
 margin-right: 10px;
}

.sdgs h2 {
  font-size: 22px;
  font-weight: 500;
  font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
  margin-bottom: 10px;
  color: #333;
}

.sdgs h3 {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.75;
  color: #009dda;
  background-color: #fff;
  margin: 0 0 10px -10px;
}

.sdgs p+h3 {
  margin-top: 50px;
}

.sdgs figcaption {
  font-size: 13px;
}

.sdgs .figcontainer-1 img,
.sdgs .figcontainer-2 img {
  width: 330px;
}

.sdgs .figcontainer-1 {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}

.sdgs .figcontainer-2 {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 20px;
}

/*
環境への取り組み
---------------------------------*/
.effo h3 {
  font-size: 22px;
  font-weight: 500;
  font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
  margin-bottom: 15px;
  padding: 0;
  color: #333;
  background-color: transparent;
}

.effo figcaption {
  font-size: 13px;
  line-height: 19px;
}

/* 1行目 */

.effo .fig-row1 {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

.effo .fig-row1 img {
  height: 180px;
}

/* 2行目 */

.effo .fig-row2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
}

.effo .fig-row2 p {
  font-size: 13px;
  line-height: 19px;
}

.effo .fig-row2 img {
  height: 180px;
  border: 1px solid #666;
  margin: 0 10px;
}

.effo .inner-row2 {
  display: flex;
}

.effo .inner-row2-inner {
  display: flex;
  flex-direction: column;
  width: 130px;
}
.effo .inner-row2-inner small {
  text-align: right;
  font-size: 11px;
  color: #333;
}

/* 3行目 */

.effo .fig-row3 {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  margin-bottom: 20px;
}

/*---------------------------------
2022年2月更新
---------------------------------*/

.wrapper-efBox3 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.wrapper-efBox3 a {
  border: 1px solid #2D882C;
  margin: 0;
  padding-top: 1px;
  height: 118px;
  box-shadow: 0px 2px 1px #CCCCCC;
}

.wrapper-efBox3 a:hover {
  border: 1px solid #F29200;
}

/*---------------------------------
2022年6月更新（エコリーフ）
---------------------------------*/

.ecoleaf h2 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #0e5a45;
}

.green-label {
  background-color: #e2efd9;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.ecoleaf p+p {
  margin-top: 15px;
}

.ecoleafmark {
  display: block;
  margin: 30px auto 0;
}