/*
Theme Name: 日本パフテム様　出荷証明書
Theme URI: 
Author: 彩企画
Author URI:
Description:
Version: 1.0
*/

@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, 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,
article, aside, details, figure, figcaption, header, footer, main, nav, section, time {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
}
article, aside, details, figure, figcaption, header, footer, main, nav, section {display: block;}
body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    line-height: 1;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote::before, blockquote::after, q::before, q::after {
    content: none;
}
blockquote, q {
    quotes: none;
}
img {
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}
a img {border: 0;}
a:link,a:visited {text-decoration: none;}

button {
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    outline: none;
    font-size: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
* {-webkit-box-sizing: border-box;box-sizing: border-box;}

.cf::after ,.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.tac {text-align: center;}
.sp {display: none;}

.wrap1060 {margin-left: auto;margin-right: auto;width:1060px;}
.wrap1120 {margin-left: auto;margin-right: auto;width:1120px;}
.wrap1135 {margin-left: auto;margin-right: auto;width:1135px;}
.wrap1130 {margin-left: auto;margin-right: auto;width:1130px;}

#header {
    position: relative;
    height:100px;
}

body.page article {
    border-top:1px #ccc solid;
}

#header h1 {
    xposition: absolute;
    xleft:50%;
    xtop:50px;
    xmargin-left:-127px;
    padding-top:20px;
}

#pan {
    padding:10px 5px;
    font-size:14px;
}

#mainContent {
    padding: 10px;

}

#content_title {
    font-size:26px;
    margin:25px 10px 30px 10px;
    padding: 5px 0 5px 20px;
    border-left:10px #555 solid;
    border-bottom:2px #aaa dotted;
}

#pageTitle {
    background: #008821;
    color:#fff;
    padding: 10px;
    font-size:25px;
    text-align: center;
}


input[type="date"] ,
input[type="number"] ,
input[type="text"] {
  width: 100%;
  border: 2px solid #aaa;
  border-radius: 4px;
  margin: 8px 0;
  outline: none;
  padding: 8px;
  box-sizing: border-box;
  transition: 0.3s;
}

input[type="date"]:focus ,
input[type="number"]:focus ,
input[type="text"]:focus {
  border-color: dodgerBlue;
  box-shadow: 0 0 8px 0 dodgerBlue;
}

input.direct_kg {
  width:200px;
  margin-right:10px;
  margin-bottom: 20px;
  font-size:20px;
  text-align: right;

}

#step03 label {
	display:inline-block;
	width:5em;

}

.notice {
  color:#dc143c;
  font-size:85%;

}

footer {
    margin-top:80px;
}

#footer01 {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #F2FBF6;
    background:url(/img/bg_footer01_top.png) no-repeat top center #f2fbf6;
    font-size: 14px;
    text-align:center;

}

#footer01 a:link,
#footer01 a:visited{
    color:#111;
}

#footer01 li {
    text-align:left;
}

#footer01 .layer01 > li {
    width:140px;
    xfloat: left;
    display:inline-block;
    vertical-align:top;
    color:#111;
}

#footer01 .layer02 {
    margin-top:23px;
}

#footer01 .layer03 {
    padding-top: 1em;
    padding-left: 1.5em;
    margin-bottom:30px;
}

#footer01 .layer02 li ,
#footer01 .layer03 li {
    margin-bottom: 10px;
}

#footer01 .layer03 li {
    text-indent:0.9em;
    background:url(/img/arrow02.png) no-repeat left center;
}

#footer01 .layer03:nth-child(1){
    margin-bottom:20px;
}


#footer02 {
    padding-top: 20px;
    padding-bottom:50px;

}

#footer02 .footer_logo {
    display: block;
    width:256px;
    height: 60px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 20px;

}

#footer02 .box1 ,
#footer02 .box2 {
    float: left;
    width:330px;
    padding-top:80px;
}

#footer02 .box1 {
    width:310px;
    margin-right:50px;
}

#footer02 .box1 p ,
#footer02 .box2 p {
    line-height: 1.4;
    font-size: 14px;
}

#footer02 .box3 {
    float:right;
    width: 330px;
    text-align:right;
}

#footer03 {
    clear: both;
    padding-top:82px;
    margin-top:30px;
    background: url(/img/footer_ienami.png) #fff repeat-x top center;
    color:#fff;
    font-size:13px;
    text-align: center;
}

#footer03 p {
    height:60px;
    line-height:60px;
    background:#084627;
    font-size:13px;
    text-align: center;
}


#footer03 small {
    display: block;
    background: #fff;
    padding:15px 0;
    color:#000;
    text-align: center;

}

#side_fixed {
    position:fixed;
    width:70px;
    height:170px;
    right:0;
    top:50%;
    margin-top:-85px;

}

.table01 {
    border:1px #666 solid;
    margin:20px 0;
    border-collapse:collapse;

}

.table01 th ,
.table01 td {
    border:1px #aaa solid;
    padding:5px 10px;
    text-align:left;
}

body {
	line-height: 2;
}

.midashi01 {
font-size:2em;
  position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
  display: inline-block;
  top:0;
}

.midashi01:before, .midashi01:after { 
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 100%;
  display: inline-block;
}
.midashi01:before {
  border-left: solid 1px black;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  left: 0;
}
.midashi01:after {
  content: '';
  border-top: solid 1px black;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  right: 0;
}


.midashi02 {
font-size:2em;
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
}
.midashi02:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: black;
  border-radius: 2px;
}



.midashi03 {
font-size:2em;
  position: relative;
  display: inline-block;
  padding: 0 55px;
}

.midashi03:before, .midashi03:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}

.midashi03:before {
  left:0;
}
.midashi03:after {
  right: 0;
}


.bloc01 {
    padding: 2em;
    margin: 2em 0;
    background: #FFF;
    border: solid 3px #084627;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.bloc01 p {
    margin: 0; 
    padding: 0;
}

#stepNavi {
	text-align:center;
    margin:10px 0;
    padding: 10px ;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#stepNavi span {
    display: inline-block;
    margin:0 8px;
    padding: 10px 0;
    text-align: center;
    background: #aaa;
    color:#fff;
}

#stepNavi span:nth-child(1) {width:120px;}
#stepNavi span:nth-child(2) {width:140px;}
#stepNavi span:nth-child(3) {width:120px;}
#stepNavi span:nth-child(4) {width:170px;}
#stepNavi span:nth-child(5) {width:140px;}
#stepNavi span:nth-child(6) {width:140px;}


#stepNavi span.act {
    background: #fcead1;
    xborder-color:#f00;
    color:#2ca549;
}

#stepNavi span.editable {
	cursor:pointer;
    background: #0c5218;
    xborder-color:#04f;
    color:#fff;
}

.alrt {
	background:#fee;
	border:1px #dc143c solid;
	border-radius:5px;
	padding:10px;
	margin:10px;

}



*, *:before, *:after {
	box-sizing: border-box;
}
.col_5{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_5 > div{
	width: 20%;
	padding: 10px;
}
.col_5 > div > div{
	position: relative;
	overflow: hidden
}
@media screen and (max-width: 960px) {
	.col_5 > div{
		width: 25%;
	}
}
@media screen and (max-width: 480px) {
	.col_5 > div{
		width: 33.33333%;
	}
}



*, *:before, *:after {
	box-sizing: border-box;
}
.col_4{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_4 > div{
	width: 25%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	.col_4 > div{
		width: 33.33333%;
	}
}
@media screen and (max-width: 480px) {
	.col_4 > div{
		width: 50%;
	}
}



*, *:before, *:after {
	box-sizing: border-box;
}
.col_3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_3 > div{
	width: 33.33333%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	.col_3 > div{
		width: 50%;
	}
}
@media screen and (max-width: 480px) {
	.col_3 > div{
		width: 100%;
	}
}



*, *:before, *:after {
	box-sizing: border-box;
}
.col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_2 > div{
	width: 50%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	.col_2 > div{
		width: 100%;
	}
}

.ab-item {pointer-events: none;}
#wp-admin-bar-logout .ab-item {pointer-events: auto;}


#step02 .sectionInner input:nth-of-type(2) {
    display: none;
    }

#step02 .sectionInner label:nth-of-type(2) {
    display: none;
    }

#mainContent .kome{
    display: none;
}