/*
Theme Name: 郵宣企画
Theme URI: https://wordpress.org/themes/yusen/
Author: 株式会社シスパル
Author URI: http://www.syspal.co.jp/
Description: 郵宣企画用オリジナルテンプレート
Version: 1.0
License: 無し
License URI: 
Tags: 郵宣企画
Text Domain: 郵宣企画
*/

@charset "UTF-8";

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, 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, object {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	color:#4d4d4d;
	text-align:left;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family:Verdana,Arial,Helveticca,"メイリオ",Meiryo,"ヒラギノ角ゴ ProN W3","ＭＳ Ｐゴシック","MS PGothic","MS UI Gothic",sans-serif;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, object, img { 
	display:block;
}
body {
	padding:0;
	margin:0;
	-webkit-text-size-adjust:100%;
	text-size-adjust:100%;
	font-size:14px;
	line-height:150%;
}
ul,
li {
	padding:0;
	margin:0;
	list-style:none;
}
a:link,
a:visited {
	color:#4396b9;
}

a:hover,
a:active {
	color:#f052af;
	text-decoration:none;
}

input,
select {
	height:auto !important;
}

table {
	width:100%;
	table-collapse:collapse;
	border-spacing:0;
}

table caption {
	padding:6px 0;
	font-size:12px;
	line-height:22px;
	vertical-align:middle;
	text-align:center;
}

table tr:nth-child(2n) th,
table tr:nth-child(2n) td {
	background:#f2f2f2;

}

table th {
	padding:17px 15px;
	background:#fff;
	text-align:left;
}

table td {
	padding:10px 15px;
	background:#fff;
}

.clearfix:after,
.clearfix:before {
	content:" ";
	display:table;
}
.clear,
.clearfix:after {
	clear:both;
}

.sp {
	display:none;
}

@media (max-width: 640px) {
	.sp {
		display:block;
	}
	.pc {
		display:none;
	}
}

.container {
	width:100%;
	margin:0 auto;
}

.container:after,
.container:before {
	content:" ";
	display:table;
}
.container:after {
	clear:both;
}



/*---------header-----------*/
header {
	width:910px;
	margin:0 auto;
	background:#fff;
	position:relative;
}

header p.logo {
	width:163px;
	padding:20px 0;
	margin:0 auto;
}

header .tel-group {
	position:absolute;
	top:16px;
	right:0;
}

header .tel-group ul:after,
header .tel-group ul:before {
	content:" ";
	display:table;
}
header .tel-group ul:after {
	clear:both;
}

header .tel-group ul li {
	width:109px;
	margin-top:6px;
	float:left;
}

header .tel-group ul li:first-child {
	margin-right:6px;
}

header .tel-group ul li:first-child a {
	background:#6bcdf3;
}

header .tel-group ul li a {
	padding:6px 0;
	background:#6cbf90;
	font-size:12px;
	line-height:14px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	display:block;
}

header .trigger {
	display:none;
}

header .tel-group ul li a:hover {
	opacity:0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

@media (max-width: 900px) {
	header {
		width:auto;
	}
	header .tel-group {
		display:none;
	}
	header .trigger {
		display:block;
	}
	header p.logo {
		width:230px;
		padding:16px 0;
		margin:0 0 0 15px;
	}
	header p.logo img {
		width:100%;
	}
	header .sp {
		display:block;
	}
	header .pc {
		display:none;
	}
}

/*---------nav-----------*/
#sidr {
	display:none;
}

nav {
	position:relative;
	border-top:2px #35c38f solid;
}

nav div {
	width:100%;
	position:absolute;
	background:#fff;
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
}

nav ul {
	width:910px;
	margin:0 auto;
	display:table;
}

nav ul li {
	width:20%;
	height:60px;
	line-height:28px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	position:relative;
}

nav ul li img {
	padding-top:4px;
	line-height:28px;
	display:inline;
}

nav ul li a:hover {
	opacity:0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

nav ul li ul {
	display:block;
	position:absolute;
	top:60px;
	z-index:9999;
}

nav ul li ul li {
	width:148px;
	height:auto;
	padding:6px 10px;
	line-height:22px;
	display:block;
	vertical-align:middle;
	text-align:center;
	background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/element/nav/nav-bg.png');
}

nav ul li ul li a:link,
nav ul li ul li a:visited {
	color:#333;
	text-decoration:none;
	line-height:140%;
}

nav ul li ul li a {
	font-size:14px;
}

nav ul li ul li a small {
	font-size:12px;
	display:block;
	text-align:center;
}

nav ul li:hover > ul {
   display: block;
}

nav ul li > ul,
nav ul li > ul {
   display: none;
}

.trigger {
	width:40px;
	height:33px;
	background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/element/header/menu.png') no-repeat 0 0;
	background-size:40px 33px;
	position:absolute;
	top:17px;
	right:15px;
}

@media (max-width: 900px) {
	nav {
		display:none;
	}
	#sidr {
		display:block;
	}
	nav {
		width:auto;
		background:none;
	}
	nav ul {
		width:100%;
		padding:0;
		margin:0;
		border-bottom:1px #c3bba2 solid;
		background-size:100% 40px;
	}
	nav ul li {
		width:auto;
		height:auto;
		padding:0;
		margin:0;
		border-top:1px #4ba5dc solid;
		text-align:left;
		float:none;
		display:block;
	}
	nav ul li ul li {
		padding-left:12px;
	}
	nav ul li a {
		display:block;
	}
	nav ul li a:link,
	nav ul li a:visited {
		padding:12px 10px 12px 15px;
		font-size:16px;
		line-height:140%;
		color:#fff;
		text-decoration:none;
		background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/element/icon-arrow-inverse.png') no-repeat center right;
	}
	nav ul li a.disable:link,
	nav ul li a.disable:visited {
		background:none;
	}
	nav ul li ul {
		width:auto;
		display:block;
		position:relative;
		top:auto;
	}
	nav ul li ul li {
		width:auto;
		padding:0 0 0 14px;
		line-height:22px;
		display:block;
		vertical-align:middle;
		text-align:left;
		background:none;
	}
	nav ul li ul li a:link,
	nav ul li ul li a:visited {
		color:#fff;
		text-decoration:none;
		line-height:140%;
	}
	nav ul li ul li a:link small,
	nav ul li ul li a:visited small{
		color:#fff;
		text-align:left;
		text-decoration:none;
		display:block;
		padding-right:35px;
	}
	nav .tel-group {
		padding:12px 0 5px 10px;
	}
	nav .tel-group p.caption {
		margin-bottom:5px;
		font-size:10px;
	}
	nav .tel-group a {
		margin-bottom:10px;
		display:block;
	}
	p.trigger,
	p.close {
		text-align:center;
		display:block;
	}
	p.close {
		width:80px;
		margin:120px auto 10px auto;
		display:block;
	}
	p.close:first-child {
		margin:10px auto;
	}
	p.close a {
		padding:1px 0;
		display:block;
		border-radius:3px;
		background:#fff;
		text-align:center;
	}
	p.close a:link,
	p.close a:visited {
		color:#3596d0;
		text-decoration:none;
	}
	p.close a:hover {
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}

	#sidr {
		width:240px;
		background-color:#3596d0;
		display: none;
		position: absolute;
		position: fixed;
		top:0;
		height: 100%;
		z-index: 999999;
		overflow-x: none;
		overflow-y: auto;
		-moz-box-shadow:2px 0 5px rgba(0,0,0,0.2);
		-webkit-box-shadow:2px 0 5px rgba(0,0,0,0.2);
		-o-box-shadow:2px 0 5px rgba(0,0,0,0.2);
		-ms-box-shadow:2px 0 5px rgba(0,0,0,0.2);
		box-shadow:2px 0 5px rgba(0,0,0,0.2);
	}

	#sidr ul {
		width:auto;
		padding:0;
		border-bottom:2px #4ba5dc solid;
		background:none;
		display:block;
	}

	.sidr.right {
		left: auto;
		right: -240px
	}

	.sidr.left {
		left: -240px;
		right: auto
	}
}

@media (max-width: 350px) {
	nav ul li a {
		font-size:10px;
	}
}


/*---------maingraphic-----------*/
.maingraphic {
	width:100%;
	height:364px;
	background:#00b6c1 url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/pages/home/maingraphic-bg.png') no-repeat center bottom;
	background-size:1496px auto;
}

.maingraphic p {
	width:910px;
	padding:126px 0;
	margin:0 auto;
}

.maingraphic p img {
	margin:0 0 0 96px;
}


.maingraphic {
	webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:20s;
	-ms-animation-duration:20s;
	animation-duration:20s;
	-webkit-animation-name: fadeInDown;
	animation-name: maingraphic;
	visibility: visible !important;
}
@-webkit-keyframes maingraphic {
	0% {background-position:center bottom;}
	100% {background-position:center -450px;}
}
@keyframes maingraphic {
	0% {background-position:center bottom;}
	100% {background-position:center -450px;}
}

.swing {
    -ms-animation: swing linear 5s infinite;
    -ms-transform-origin: center -24px 0;
    animation: swing linear 5s infinite;
    transform-origin: center -24px 0;
    z-index:99;
}
 
@-webkit-keyframes swing {
    0% { -webkit-transform: rotate(0deg); }
    25% { -webkit-transform: rotate(2deg); }
    50% { -webkit-transform: rotate(0deg); }
    75% { -webkit-transform: rotate(-2deg); }
    100% { -webkit-transform: rotate(0deg); }
}
@-ms-keyframes swing {
    0% { -ms-transform: rotate(0deg); }
    25% { -ms-transform: rotate(2deg); }
    50% { -ms-transform: rotate(0deg); }
    75% { -ms-transform: rotate(-2deg); }
    100% { -ms-transform: rotate(0deg); }
}
@keyframes swing {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(2deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(-2deg); }
    100% { transform: rotate(0deg); }
}

@media (max-width: 900px) {
	.maingraphic {
		width:auto;
		height:auto;
		background:none;
	}
	.maingraphic p {
		width:100%;
		padding:0;
		margin:0;
	}
	.maingraphic p img {
		width:100%;
		margin:0;
	}
	.maingraphic .sp {
		display:block;
	}
	.maingraphic .pc {
		display:none;
	}
}

@media (max-width: 420px) {
	.maingraphic p {
		overflow:hidden;
	}
	.maingraphic p img {
		width:420px;
		margin:0;
	}
}

/*---------main-----------*/
main {
	margin:0 auto;
}

@media (max-width: 640px) {
	main {
		width:auto;
	}
}

/*---------footer-----------*/
footer {
	padding-bottom:20px;
	background:#3596d0 url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/element/footer/bg.png') no-repeat center bottom;
	clear:both;
}

footer .wrapper {
	width:940px;
	margin:0 auto;
}

footer .wrapper:after,
footer .wrapper:before {
	content:" ";
	display:table;
}

footer .wrapper:after {
	clear:both;
}

footer .sign {
	width:550px;
	float:left;
}

footer .image {
	width:350px;
	float:right;
}

footer .sign p {
	font-size:12px;
	line-height:150%;
}

footer .sign p strong {
	font-weight:bold;
	color:#fff;
}

footer section.yusen-kikaku {
	padding-top:30px;
	padding-bottom:20px;
}

footer section.nets-planning {
	padding-bottom:30px;
}

footer h5,
footer h5 small,
footer p{
	color:#fff;
}

footer section.yusen-kikaku h5 span {
	font-size:16px;
}

footer p a:link {
	color:#fff;
	text-decoration:none;
}

footer h5  {
	margin-bottom:6px;
	background:url('https://www.yusenkikaku.co.jp/wp/wp-content/uploads/element/footer/caption-bg.png') repeat-x center center;
}

footer h5 span {
	padding-right:10px;
	background:#3596d0;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	display:inline-block;
}

footer h5 span small {
	padding-left:10px;
	font-size:12px;
	display:inline-block;
}

footer .address-group:after,
footer .address-group:before {
	content:" ";
	display:table;
}

footer .address-group:after {
	clear:both;
}

footer .address {
	width:180px;
	float:left;
}

footer .address .kanazawa {
	padding-top:10px;
}

footer .address strong {
	display:inline-block;
	padding-right:14px;
}

footer .image iframe {
	display:block;
	padding-top:40px;
}

footer .footer-nav {
	font-size:12px;
	float:left;
}

footer .copyright {
	font-size:10px;
	float:right;
}

footer p.banner {
	position:relative;
}

footer p.banner img {
	position:absolute;
	top:-52px;
	right:0;
}

footer p.banner:hover {
	opacity:0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

footer a:link,
footer a:visited {
		color:#fff !important;
}

@media (max-width: 940px) {
	footer .wrapper {
		width:auto;
	}
	footer .sign,
	footer .image {
		width:auto;
		float:none;
	}
	footer section {
		padding-right:15px;
		padding-left:15px;
	}
	footer section.yusen-kikaku {
		padding-bottom:5px;
	}
	footer .address {
		width:auto;
		margin-bottom:15px;
		float:none;
	}
	footer .address strong {
		display:block;
	}
	footer .address br {
		display:none;
	}
	footer .image,
	main div.image  {
		width:300px;
		padding-bottom:20px;
		margin:0 auto;
	}
	main div.image {
		padding-top:20px;
	}
	footer .image iframe,
	main div.image iframe {
		padding-top:0px;
	}
	footer .footer-nav,
	footer .copyright {
		float:none;
		font-size:10px;
		text-align:center;
	}
	footer .footer-nav a:link,
	footer .footer-nav a:visited {
		color:#fff !important;
	}
	footer p.banner {
		padding-top:10px;
		position:relative;
	}
	footer p.banner img {
		position:relative;
		top:0;
	}
}

@media (max-width: 360px) {
	footer .image  {
		width:290px;
	}
}


.pagetop {
	width:910px;
	margin:0 auto;
}

.pagetop a {
	padding:10px 0;
	float:right;
}

.pagetop a img {
	display:inline;
}

.pagetop a:hover {
	opacity:0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

@media (max-width: 910px) {
	.pagetop {
		width:auto;
		padding-right:15px;
	}
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
	padding:4px 5px;
	border:0;
	font-size:14px;
	color:#666;
	border:1px #ccc solid;
	-webkit-border-radius: 3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}

textarea {
	width:90%;
	height:100px;
}

form table {
	width:650px;
	margin:40px auto 20px auto;
}

form table th,
form table td {
	background:none !important;
}

form table tr:first-child td {
	border-top:1px #999 solid;
}

form table td {
	border-bottom:1px #999 solid;
}

form table td a {
	display:inline-block;
	padding:3px 8px;
	margin-left:10px;
	border:1px #ddd solid;
	background:#e8e8e8;
	color:#555;
}

form table td p {
	padding-top:8px;
}

form table td p:first-child {
	padding-top:0;
}

form table td span {
	width:70px;
	display:inline-block;
}

form p.button {
	text-align:center;
}

form p.button button {
	color:#555;
}

.error {
	text-align:center
}

.error strong {
	font-size:18px;
	line-height:140%;
	color:#c00;
	text-align:center
}

.error p {
	padding-bottom:30px;
	font-size:14px;
	line-height:140%;
	color:#c00;
	text-align:center
}

.result h5 {
	padding:30px 15px 0 15px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	line-height:180%;
}

.result p {
	padding:15px;
	margin-bottom:50px;
	font-size:16px;
	text-align:center;
	line-height:180%;
}

form p.button {
	padding-bottom:60px;
}
	
@media (max-width: 640px) {
	form table {
		width:100%;
	}
	form table th {
		background:#f2f2f2 !important;
	}
	form table th,
	form table td {
		display:block;
		padding:8px 15px;
	}
	.result h5 {
		padding-top:0;
	}
}

#counter {
	width:940px;
	margin:0 auto;
}

#counter:after,
#counter:before {
	content:" ";
	display:table;
}
#counter:after {
	clear:both;
}

#counter ul {
	float:right;
}

#counter ul li {
	float:left;
}

@media (max-width: 940px) {
	#counter {
		width:auto;
		margin-right:15px;
	}
}