@charset "UTF-8";
/*
Theme Name: ダイセー倉庫運輸　デジタルハンドブック
*/

/*-----------------------------------------
default
-----------------------------------------*/
*{ margin:0; padding:0; }
@font-face{
	font-family:"Yu Gothic M";
	src:local("Yu Gothic Medium");
}
@font-face{
	font-family:"Yu Gothic M";
	src:local("Yu Gothic Bold");
	font-weight: bold;
}
html{
	/*-----------------------------------------
	ゴシック主体の場合
	-----------------------------------------*/
	font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	/*-----------------------------------------
	明朝体主体の場合
	-----------------------------------------*/
	/*
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	*/
	color:#222;
	letter-spacing:1px;
	font-size:14px;
}
a{
	transition:0.1s linear all;	
	color:#222;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;	
}
a img{
	opacity: 1;
	transition: all 0.2s ease;
}
a:hover img {
	opacity: 0.8;
}
li{
	list-style-type:none;	
}
p,th,td,li,dt,dd{
	line-height:1.8em;	
}
img{
	border:none !important;	
}

/*-----------------------------------------
wrapper
-----------------------------------------*/
.wrapper{
    width:100%;
    height:auto;
	background: url(images/bg.jpg) top center no-repeat #000;
	background-size: cover;
}

/*-----------------------------------------
header
-----------------------------------------*/
header {
	text-align: center;
	padding: 75px 10px 65px;
}
.page_title h2 {
	text-align: center;
	margin-bottom: 65px;
}

/*-----------------------------------------
gnav
-----------------------------------------*/

/*-----------------------------------------
footer
-----------------------------------------*/
.pagetop{
	position:fixed;
	bottom:30px;
	right:30px;
	z-index:999;
}

/*-----------------------------------------
common
-----------------------------------------*/

/*-----------------------------------------
top
-----------------------------------------*/
section .section_inner .handbook03{
	overflow: hidden;
}
section .section_inner .handbook03 li{
	float:left;
	width:32%;
	margin:0 2% 20px 0;
	position:relative;
	line-height:1;
}
section .section_inner .handbook03 li:nth-child(3n){
	margin-right:0;
}
section .section_inner .handbook03 li:nth-child(3n+1){
	clear:both;
}
section .section_inner .handbook03 li:last-child{
	margin:0 34%;
}
section .section_inner .handbook03 a{
	line-height: 0;
	display:block;
}
section .section_inner .handbook03 img{
	width: 100%;
	height: auto;
}
section .section_inner .handbook03 h2{
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	line-height: 1.2;
	padding: 17px 0 13px;
	background: rgba(112,87,163,0.8);
}
section .section_inner .handbook03 a {
	background: #000;
}
main{
	padding-bottom:1px;
}
	footer iframe{
		height:250px;
	}


/*-----------------------------------------
ぱんくず
-----------------------------------------*/
.wrapper .breadcrumb{
	width:1000px;
	margin:10px auto;
}
.wrapper .breadcrumb ul{
	overflow:hidden;
}
.wrapper .breadcrumb ul li{
	float:left;
	font-size:11px;
}

/*-----------------------------------------
見出し
-----------------------------------------*/
h1,
h2 {
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
h1 {
	color: #fff;
	font-size: 36px;
	margin-top: 65px;
	line-height: 1.2;
}
h2 {
	color: #fff;
	font-size: 18px;
}

/*-----------------------------------------
内部共通
-----------------------------------------*/

section .section_inner {
	max-width: 1000px;
	margin: 0 auto 130px;
	box-sizing: border-box;
}

/* custom post */
.post-type-archive ul {
}
.post-type-archive ul li {
	color: #fff;
	background: url(images/arrow.png) top 48% left 15px no-repeat rgba(255,255,255,0.2);
	padding: 10px 10px 10px 30px;
	margin: 0 1% 20px;
	box-sizing: border-box;
	transition: all 0.2s ease;
}
.post-type-archive ul a:hover li {
	background-color: rgba(112,87,163,0.3);
}
.post-type-archive ul li h3 {
}

/* comment */
#comments {
	display: none;
	font-size: 22px;
    margin-bottom: 25px;
	color: #fff;
}
.navigation {
	margin: 10px;
}
.navigation a {
	color: #fff;
}
.navigation .alignright {
	text-align: right;
}
.commentlist {
	
}
.commentlist li {
	padding: 0 10px;
}
.commentlist li li {
	border: 1px dotted #c5c5c5;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.commentlist > li {
	padding: 25px;
	margin-bottom: 15px;
	background: rgba(255,255,255,0.9);
}
.comment-author,
.commentmetadata {
	display: inline-block;
	font-size: 12px;
}
.reply {
	text-align: right;
}
.reply a.comment-reply-link {
	background: #c5c5c5;
    padding: 4px 10px;
    font-size: 12px;
}
#respond {
	background: rgba(255,255,255,0.9);
	padding: 25px;
}
#respond h3{
	font-size: 22px;
    margin-bottom: 25px;
}
#siteguard_captcha {
	padding: 5px;
}
.comment-form-comment label,
.comment-form-author label{
	display: block;
}
.comment-form-comment #comment {
	width: 95%;
	padding: 5px;
}
.comment-form-author #author {
	padding: 5px;
}
.comment-form-author,
.comment-form-cookies-consent {
	margin-bottom: 15px;
}
.form-submit {
	text-align: center;
}
.form-submit #submit {
	font-size: 14px;
    border: none;
    background: #7057a3;
    color: #fff;
    padding: 8px 34px;
	transition: all 0.2s ease;
}
.form-submit #submit:hover {
	background: #5e4987;
}

/*-----------------------------------------
pagenavi
-----------------------------------------*/
.wp-pagenavi{
	margin-top: 35px;
	margin-bottom:5px;
	text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span{
	background-color:#7057a3;
	border:1px solid #7057a3 !important;
	color:white;
	padding:5px 8px !important;
	font-size:14px;
	transition:0.1s linear all;
}
.wp-pagenavi span.current{
	background-color:white;
	font-weight:normal !important;
	color:#7057a3;
}
.wp-pagenavi a:hover{
	background-color:#7057a3;	
	color:white;
}

.sp{ display:none; }

@media screen and (max-width: 1194px) { /* iPad Pro */

}
@media screen and (max-width: 1024px) { /* タブレット横 */

}
@media screen and (max-width: 896px) { /* iPhone XS MAX 横表示 */
	.sp{ display:inline-block; }
	.pc{ display:none; }
	.wrapper{
		width:100%;
		overflow:hidden;
	}
	.wrapper .sp{
		display:inline;	
	}
	.wrapper .sp .btn{
		padding:5px;
		position:fixed;
		top:10px;
		right:10px;
		width:40px;
		z-index:10;
	}
}
@media screen and (max-width: 640px) {
	h1 {
		font-size: 7.5vw;
	}
	section .section_inner .handbook03 a h2 {
		font-size: 12px;
		letter-spacing:0;
		padding:10px 0;
	}
	section .section_inner .handbook03 a{
		width: 100%;
	}
	.commentlist > li {
		padding: 10px 10px 5px;
	}
	p.logo{
		width:50%;
		margin:0 auto;
	}
	p.logo img{
		max-width:100%;
		height:auto;
	}
	h1{
		margin-top:30px;
	}
	header{
		padding-top:50px;
		padding-bottom:40px;
	}
	section .section_inner .handbook03 li{
		width:49%;
	}
	section .section_inner .handbook03 li:nth-child(2n){
		margin-right:0 !important;
	}
	section .section_inner .handbook03 li:nth-child(3n){
		margin-right:2%;
	}
	section .section_inner .handbook03 li:nth-child(3n+1){
		clear:none;
	}
	section .section_inner .handbook03 li.last{
		margin:0;
	}
	section .section_inner .handbook03{
		padding: 0 5px;
	}
	section .section_inner{
		margin-bottom:50px;
	}
}
@media screen and (max-width: 320px) {
}