/* reset
--------------------------------------------------------- */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}
html{-webkit-text-size-adjust:100%; font-size:62.5%; }
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
body{color:#5e5e5e;min-width:960px;font-size:87.5%;font-family: -apple-system, blinkMacSystemFont,'Helvetica Neue', 'Segoe UI',YuGothicM, YuGothic,Meiryo,sans-serif;line-height:1.6;}
input,textarea,em{font-family: -apple-system, blinkMacSystemFont,'Helvetica Neue', 'Segoe UI',YuGothicM, YuGothic,Meiryo,sans-serif;line-height:1.6}
header:after,section:after,article:after,div:after,ul:after,.clearfix:after { content: ""; display: block; clear: both;}
.cf:before,.cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}

/* font set
--------------------------------------------------------- */
@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic");
  font-weight: 300;
}

/* LINE sticker collection
--------------------------------------------------------- */
.line-sticker-page {
	color: #333;
}
.line-sticker-lead {
	margin-bottom: 26px;
	padding: 22px;
	background: #fff8d7;
	border-radius: 14px;
	border: 2px solid #f3d924;
}
.line-sticker-lead h3,
.line-sticker-timeline h3,
.line-sticker-related h3 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 8px;
}
.line-sticker-lead p,
.line-sticker-timeline-note {
	font-size: 15px;
	line-height: 1.8;
}
.line-product-type-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 18px;
}
.line-product-type-nav a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 8px 18px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 999px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
}
.line-product-type-nav a.active {
	background: #06c755;
	border-color: #06c755;
	color: #fff;
}
.line-sticker-character-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-bottom: 50px;
}
.line-sticker-character-card {
	overflow: hidden;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 18px;
	box-shadow: 0 10px 24px rgba(0,0,0,0.08);
}
.line-sticker-character-image {
	display: block;
	padding: 24px 24px 10px;
	background: linear-gradient(180deg, #fff7cf 0%, #fff 100%);
	text-align: center;
}
.line-sticker-character-image img {
	width: 210px;
	max-width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: contain;
}
.line-sticker-character-body {
	padding: 18px 22px 24px;
}
.line-sticker-character-body h3 {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 10px;
}
.line-sticker-count {
	display: inline-block;
	margin-bottom: 12px;
	padding: 6px 12px;
	background: #06c755;
	border-radius: 999px;
	color: #fff;
	font-weight: bold;
}
.line-sticker-latest {
	min-height: 54px;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 18px;
}
.line-sticker-latest span {
	display: block;
	color: #f05a42;
	font-size: 12px;
	font-weight: bold;
}
.line-sticker-button,
.line-sticker-buy {
	display: inline-block;
	min-width: 170px;
	padding: 13px 18px;
	background: #06c755;
	border-radius: 999px;
	color: #fff !important;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	box-shadow: 0 5px 0 #04a747;
}
.line-sticker-button:hover,
.line-sticker-buy:hover {
	text-decoration: none;
	transform: translateY(1px);
	box-shadow: 0 4px 0 #04a747;
}
.line-sticker-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 22px;
}
.line-sticker-nav a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 8px 15px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 999px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
}
.line-sticker-nav a.active {
	background: #f3d924;
	border-color: #f3d924;
	color: #fff;
}
.line-sticker-hero {
	display: grid;
	grid-template-columns: 340px 1fr;
	gap: 34px;
	align-items: center;
	margin-bottom: 44px;
	padding: 30px;
	background: #fff8d7;
	border-radius: 20px;
	border: 2px solid #f3d924;
}
.line-sticker-hero-image {
	text-align: center;
}
.line-sticker-hero-image img {
	width: 280px;
	max-width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	filter: drop-shadow(0 14px 18px rgba(0,0,0,0.12));
}
.line-sticker-eyebrow,
.line-sticker-series-vol {
	color: #06a847;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0;
}
.line-sticker-hero-body h3 {
	font-size: 34px;
	font-weight: bold;
	line-height: 1.35;
	margin: 4px 0 12px;
}
.line-sticker-hero-body p {
	font-size: 16px;
	line-height: 1.8;
}
.line-sticker-hero-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 18px 0 22px;
}
.line-sticker-hero-meta span {
	display: inline-block;
	padding: 8px 14px;
	background: #fff;
	border-radius: 999px;
	font-weight: bold;
}
.line-sticker-timeline {
	margin-bottom: 54px;
}
.line-sticker-timeline-note {
	margin-bottom: 20px;
}
.line-sticker-group-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 22px;
}
.line-sticker-group-tab {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 42px;
	padding: 8px 16px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 999px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
	text-decoration: none;
}
.line-sticker-group-tab.active {
	background: #06c755;
	border-color: #06c755;
	color: #fff;
}
.line-sticker-group-tab em {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	padding: 0 7px;
	background: #f3f3f3;
	border-radius: 999px;
	color: #555;
	font-size: 12px;
	font-style: normal;
	line-height: 1;
}
.line-sticker-group-tab.active em {
	background: #fff;
	color: #06a847;
}
.line-sticker-series-item {
	position: relative;
	display: grid;
	grid-template-columns: 210px 1fr;
	gap: 24px;
	align-items: center;
	margin-bottom: 18px;
	padding: 20px;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 18px;
	box-shadow: 0 8px 22px rgba(0,0,0,0.07);
}
.line-sticker-series-item.is-new {
	background: #fff9dc;
	border-color: #f3d924;
	box-shadow: 0 12px 28px rgba(243,217,36,0.26);
}
.line-sticker-series-item.has-variants {
	grid-template-columns: 280px 1fr;
}
.line-sticker-series-images {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	padding-top: 34px;
	text-align: center;
}
.line-sticker-series-item.has-variants .line-sticker-series-images {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
}
.line-sticker-series-image {
	position: relative;
	display: block;
	color: #333;
	text-align: center;
	text-decoration: none;
}
.line-sticker-series-image img {
	width: 180px;
	max-width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: contain;
}
.line-sticker-series-item.has-variants .line-sticker-series-image img {
	width: 118px;
}
.line-sticker-variant-name {
	display: block;
	margin-top: 8px;
	color: #555;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
}
.line-sticker-variant-desc {
	display: block;
	margin-top: 5px;
	color: #666;
	font-size: 12px;
	line-height: 1.55;
	text-align: left;
}
.line-sticker-volume,
.line-sticker-new {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	padding: 7px 12px;
	border-radius: 999px;
	font-weight: bold;
	line-height: 1;
}
.line-sticker-volume {
	background: #333;
	color: #fff;
}
.line-sticker-new {
	left: auto;
	right: 0;
	background: #ff5b43;
	color: #fff;
}
.line-sticker-series-body h4 {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.45;
	margin: 4px 0 8px;
}
.line-sticker-series-desc,
.line-sticker-release {
	font-size: 14px;
	line-height: 1.7;
	margin-bottom: 10px;
}
.line-sticker-release {
	color: #777;
}
.line-sticker-variant-links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 4px;
}
.line-sticker-variant-buy {
	min-width: 130px;
	padding: 11px 14px;
	font-size: 13px;
}
.line-sticker-related {
	margin-top: 34px;
	padding-top: 26px;
	border-top: 2px solid #f3d924;
}
.line-sticker-related-list {
	display: flex;
	gap: 14px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 12px;
}
.line-sticker-related-card {
	flex: 0 0 170px;
	display: block;
	padding: 14px;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 14px;
	box-shadow: 0 6px 16px rgba(0,0,0,0.07);
	text-align: center;
}
.line-sticker-related-card span {
	display: inline-block;
	margin-bottom: 8px;
	padding: 5px 10px;
	background: #333;
	border-radius: 999px;
	color: #fff;
	font-weight: bold;
	line-height: 1;
}
.line-sticker-related-card img {
	width: 120px;
	aspect-ratio: 1 / 1;
	object-fit: contain;
}
.line-sticker-related-card strong {
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.5;
}

@media screen and (max-width: 768px) {
	.line-sticker-lead {
		padding: 18px;
		border-radius: 14px;
	}
	.line-sticker-lead h3,
	.line-sticker-timeline h3,
	.line-sticker-related h3 {
		font-size: 21px;
	}
	.line-product-type-nav {
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 8px;
	}
	.line-product-type-nav a {
		flex: 0 0 auto;
	}
	.line-sticker-character-grid {
		display: block;
		margin-bottom: 34px;
	}
	.line-sticker-character-card {
		margin-bottom: 18px;
		border-radius: 16px;
	}
	.line-sticker-character-image img {
		width: 190px;
	}
	.line-sticker-nav {
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 8px;
	}
	.line-sticker-nav a {
		flex: 0 0 auto;
	}
	.line-sticker-hero {
		display: block;
		margin-bottom: 34px;
		padding: 22px;
		border-radius: 16px;
	}
	.line-sticker-hero-image {
		margin-bottom: 16px;
	}
	.line-sticker-hero-image img {
		width: 220px;
	}
	.line-sticker-hero-body h3 {
		font-size: 27px;
	}
	.line-sticker-hero-meta {
		display: block;
	}
	.line-sticker-hero-meta span {
		margin: 0 6px 8px 0;
	}
	.line-sticker-series-item {
		display: block;
		padding: 18px;
		border-radius: 16px;
	}
	.line-sticker-series-image {
		margin-bottom: 14px;
	}
	.line-sticker-series-images {
		margin-bottom: 14px;
	}
	.line-sticker-series-image img {
		width: 190px;
	}
	.line-sticker-series-item.has-variants .line-sticker-series-image {
		margin-bottom: 0;
	}
	.line-sticker-series-item.has-variants .line-sticker-series-image img {
		width: 132px;
	}
	.line-sticker-series-body h4 {
		font-size: 20px;
	}
	.line-sticker-button,
	.line-sticker-buy {
		width: 100%;
		box-sizing: border-box;
	}
}
@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic");
  font-weight: 500;
}
@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic");
  font-weight: bold;
}

/* Mobile PC View
--------------------------------------------------------- */
.viewPC{
	display:block;
	}
.viewMobile{
	display:none;
	}
.br-pc { display:block; }
.br-sp { display:none; }
/* common
--------------------------------------------------------- */
.outline1260{width:1260px;margin:0 auto;}
.outline1160{width:1160px;margin:0 auto;}
.outline860{width:860px;margin:0 auto;}
.border_radius10 { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

/* body
--------------------------------------------------------- */
body{color:#3c3c3c;font-size:14px;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:0;max-width:100vw;overflow-x:hidden;overflow-y: scroll; counter-reset:step;}
body{min-width:1260px;}
body a{color:inherit;text-decoration:none;}
/* header
--------------------------------------------------------- */
#header{ padding:13px 0px; position: relative; }
#header h2 a{ display:block; width:200px; height:60px; background:url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20325.98%20155.91%22%20style%3D%22enable-background%3Anew%200%200%20325.98%20155.91%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23F3D924%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M103.08%2C8.1v88.22c0%2C3.86-3.13%2C6.98-6.98%2C6.98H7.53c-6.22%2C0-9.34-7.52-4.94-11.92L91.16%2C3.16%20C95.56-1.24%2C103.08%2C1.88%2C103.08%2C8.1z%22%2F%3E%20%3Cellipse%20transform%3D%22matrix(0.2342%20-0.9722%200.9722%200.2342%2072.9915%20197.0688)%22%20class%3D%22st0%22%20cx%3D%22161.59%22%20cy%3D%2252.2%22%20rx%3D%2244.8%22%20ry%3D%2244.8%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M270.98%2C103.3c2.24%2C0%2C4.71-2.29%2C7.92-5.07c34.18-29.64%2C46.56-51.75%2C46.56-71.29c0-23.5-30.51-37-47.23-13.12%20c-3.33%2C4.76-4.42%2C7.19-7.25%2C7.24h-0.16c-2.83-0.05-3.91-2.48-7.25-7.24c-16.72-23.89-47.23-10.38-47.23%2C13.12%20c0%2C19.95%2C12.38%2C41.65%2C46.56%2C71.29c3.21%2C2.78%2C5.67%2C5.07%2C7.92%2C5.07H270.98z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M86.42%2C121.45H75.98c-2.26%2C0-4.09%2C1.83-4.09%2C4.09c0%2C2.26%2C1.83%2C4.09%2C4.09%2C4.09h6.35v10.1%20c0%2C3.5-2.85%2C6.35-6.35%2C6.35c-3.5%2C0-6.35-2.85-6.35-6.35c0-2.26-1.83-4.09-4.09-4.09c-2.26%2C0-4.09%2C1.83-4.09%2C4.09%20c0%2C8.02%2C6.52%2C14.54%2C14.54%2C14.54c8.01%2C0%2C14.53-6.52%2C14.53-14.54v-14.19C90.51%2C123.28%2C88.68%2C121.45%2C86.42%2C121.45z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M191.88%2C121.45c-2.26%2C0-4.09%2C1.83-4.09%2C4.09v10.44v2.87l-13.26-15.93c-1.1-1.33-2.92-1.82-4.54-1.23%20c-1.62%2C0.59-2.7%2C2.13-2.7%2C3.85v10.44v3.75v10.44c0%2C2.26%2C1.83%2C4.09%2C4.09%2C4.09c2.26%2C0%2C4.09-1.83%2C4.09-4.09v-10.44v-2.87l13.26%2C15.93%20c0.79%2C0.96%2C1.95%2C1.48%2C3.15%2C1.48c0.47%2C0%2C0.94-0.08%2C1.39-0.24c1.62-0.59%2C2.7-2.13%2C2.7-3.85v-10.44v-3.75v-10.44%20C195.97%2C123.28%2C194.14%2C121.45%2C191.88%2C121.45z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M230.66%2C125.55c0-2.26-1.83-4.09-4.09-4.09h-10.44c-8.02%2C0-14.54%2C6.52-14.54%2C14.53v3.75%20c0%2C8.02%2C6.52%2C14.54%2C14.54%2C14.54h10.44c2.26%2C0%2C4.09-1.83%2C4.09-4.09c0-2.26-1.83-4.09-4.09-4.09h-10.44c-3.5%2C0-6.35-2.85-6.35-6.35%20v-3.75c0-3.5%2C2.85-6.35%2C6.35-6.35h10.44C228.82%2C129.64%2C230.66%2C127.81%2C230.66%2C125.55z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M223.65%2C133.77h-6.01c-2.26%2C0-4.09%2C1.84-4.09%2C4.09c0%2C2.26%2C1.83%2C4.09%2C4.09%2C4.09h6.01%20c2.26%2C0%2C4.09-1.83%2C4.09-4.09C227.74%2C135.6%2C225.91%2C133.77%2C223.65%2C133.77z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M263.28%2C121.45h-22.91c-2.26%2C0-4.09%2C1.83-4.09%2C4.09c0%2C2.26%2C1.83%2C4.09%2C4.09%2C4.09h7.36v20.54%20c0%2C2.26%2C1.83%2C4.09%2C4.09%2C4.09c2.26%2C0%2C4.09-1.83%2C4.09-4.09v-20.54h7.36c2.26%2C0%2C4.09-1.83%2C4.09-4.09%20C267.37%2C123.28%2C265.54%2C121.45%2C263.28%2C121.45z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M111.11%2C120.92c-8.26%2C0-14.98%2C6.72-14.98%2C14.98v3.91c0%2C8.26%2C6.72%2C14.98%2C14.98%2C14.98%20c8.26%2C0%2C14.98-6.72%2C14.98-14.98v-3.91C126.09%2C127.64%2C119.37%2C120.92%2C111.11%2C120.92z%20M117.9%2C139.82c0%2C3.75-3.05%2C6.8-6.8%2C6.8%20c-3.75%2C0-6.8-3.05-6.8-6.8v-3.91c0-3.75%2C3.05-6.8%2C6.8-6.8c3.75%2C0%2C6.8%2C3.05%2C6.8%2C6.8V139.82z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M157.58%2C121.45c-2.26%2C0-4.09%2C1.83-4.09%2C4.09v5.28c0%2C3.61-2.83%2C6.57-6.39%2C6.78c-0.13-0.01-0.68-0.01-0.81%2C0%20c-3.56-0.21-6.39-3.16-6.39-6.78v-5.28c0-2.26-1.83-4.09-4.09-4.09c-2.26%2C0-4.09%2C1.83-4.09%2C4.09v5.28%20c0%2C6.84%2C4.61%2C12.61%2C10.89%2C14.4v4.96c0%2C2.26%2C1.83%2C4.09%2C4.09%2C4.09c2.26%2C0%2C4.09-1.83%2C4.09-4.09v-4.96%20c6.28-1.79%2C10.89-7.56%2C10.89-14.4v-5.28C161.67%2C123.28%2C159.84%2C121.45%2C157.58%2C121.45z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:contain;vertical-align:middle;background-repeat:no-repeat;}
#header h2 a span{ display:none;}

#gnav ul {position: absolute; top: 55px; right: 0px;}
#gnav ul li {float:left; margin-left:50px; font-size:14px; font-weight:bold; }
#gnav ul li a { position: relative; display: inline-block; transition: transform 0.3s;transform-origin: 50% 0; transform-style: preserve-3d;transition-duration:0.12s;}
#gnav ul li a:hover{ border-color: #f3d924; font-weight:bold; color: #f3d924;}


#gnav ul li.service img{ display:none; }
#gnav ul li.portfolio img{ display:none; }
#gnav ul li.news img{ display:none; }
#gnav ul li.web img{ display:none; }


#gnav ul li.contact{ float:none; position:absolute; top:-55px; right:0px; font-size:0px; line-height:0px; width:auto; margin-left:0px;  }
#gnav ul li.contact a{ display:block; width:130px; background-color:#aa9977; }
#gnav ul li.contact a:hover{ background-color:#b1a886; }
#gnav ul li.contact span.viewPC{ display:block; padding:8px 5px 8px 25px; font-size:10px; color:#ffffff; line-height:1.4em; background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/btn_cart.svg') no-repeat; background-position: 15px center; background-size: 15px; text-align:center; }
#gnav ul li.contact a::before {font-size:13px; color: #f3d924; position: static;top: auto; left: auto; width: auto; height: auto; content: none; transform: none; transform-origin: none;}
#gnav ul li.contact:hover a{transform: none;}




/* IE10〜11 Edge12〜14
--------------------------------------------------------- */
/* IE10〜11 */
_:-ms-input-placeholder, :root #gnav ul li a:hover{ color: #f3d924;}
_:-ms-input-placeholder, :root #gnav ul li:hover a{transform: rotateX(0deg) translateY(0px);}

/* Edge12〜14 */
@supports (-ms-ime-align: auto) and (not (-webkit-text-stroke: initial)) {
	#gnav ul li:hover a{transform: rotateX(0deg) translateY(0px);}
    #gnav ul li a:hover{ color: #f3d924;}
}

/* contents
--------------------------------------------------------- */
/* #mainimage{background-color:#dcedef; border-bottom: 1px solid #dcedef;} */
#mainimage{background-color:#ffffff; border-bottom: 1px solid #dcedef;}
#mainimage img{ width:100%; margin:20px 0px;}
#mainimage_products{background-color:#f3d924; border-top: 1px solid #dedede; }
#mainimage_products img{ width:100%; margin:0px 0px;}






/* pr img
--------------------------------------------------------- */
.column div {position: relative;}
.column div span {
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: 1;
	display: block;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	}
.pr-items a {display:block; width:250px; height: 164px; overflow: hidden;}
.pr-items a:hover+span { left:-78px; opacity: 1;}
.pr-items a { position: relative; z-index: 3; }

.pr_step1 img,.pr_step2 img,.pr_step3 img,.pr_step4 img{ width:100%;}
.pr_step1 span img,.pr_step2 span img,.pr_step3 span img,.pr_step4 span img{ width:80px; }
.pr_step1{ width:255px; float:left; margin:20px 23px 20px 0px; }
.pr_step2{ width:255px; float:left; margin:20px 23px 20px 23px; }
.pr_step3{ width:255px; float:left; margin:20px 23px 20px 23px; }
.pr_step4{ width:255px; float:left; margin:20px 0px 20px 25px; }

.pr_step1a img,.pr_step2a img,.pr_step3a img,.pr_step4a img{ width:100%;}
.pr_step1a span img,.pr_step2a span img,.pr_step3a span img,.pr_step4a span img{ width:80px; }
.pr_step1a{ width:255px; float:left; margin:0px 23px 20px 0px; }
.pr_step2a{ width:255px; float:left; margin:0px 23px 20px 23px; }
.pr_step3a{ width:255px; float:left; margin:0px 23px 20px 23px; }
.pr_step4a{ width:255px; float:left; margin:0px 0px 20px 25px; }







#footersns{
	width:100%;
	margin:0 auto;
	text-align:center;
	}
#footersns ul{
	margin-right:10px;
	}
#footersns ul li {
	display:inline-block;
	margin-left:10px;
	}
#footersns ul li img{
	width:30px;
	}








.topsection05{
	border-top: 1px solid #bbb;
	background-color:#eeeeee;
	padding:50px 0px 30px 0px;
	}

#topsection05id{
	width:600px;
	max-width:100%;
	margin:0 auto;
	}
#topsection05id h2{
	font-size:24px;
	line-height:1.4em;
	text-align:center;
	padding:20px;
	color:#000; 
	}

.topsection05_cont{
	text-align:center;
	padding-top:10px;
	padding-bottom:80px;
	}

/* ボタンの基本スタイル */
.topsection05_button {
    display: inline-block;
    padding: 20px 0px;

    width:300px;
    max-width:100%;

    background-color: #ff7f27; /* オレンジの背景色 */
    color: #ffffff; /* 白色のテキスト */
    font-size: 18px;
    text-decoration: none;
    border-radius: 50px;
    text-align: center;
    transition: background-color 0.3s ease;
    border: 1px solid #ff7f27;
}

/* ボタンにマウスを乗せたときのスタイル */
.topsection05_button:hover {
    background-color: #ffffff; /* ホバー時の背景色 */
    color: #ff7f27; /* 白色のテキスト */
	border: 1px solid #ff7f27;
}

/* ボタンをクリックしたときのスタイル */
.topsection05_button:active {
    background-color: #ffffff; /* クリック時の背景色 */
}

/* ボタンの余白や文字の配置など */
.topsection05_button {
    margin: 10px; /* 必要に応じて調整 */
    line-height: 1; /* テキストの縦方向の中央揃え */
}








/* layout
--------------------------------------------------------- */
#aindex{background-color:#f2f2f2; }
#main{background-color:#ffffff;width:1160px;overflow: hidden;}
#mainSingle{background-color:#ffffff;width:1160px;overflow: hidden; margin:30px 0 0px 0;}
#mainleft{float:left; width:860px;}
#mainleftin{border-right:1px solid #f2f2f2;}
#mainright{float:right; width:300px; }

#mainleft2{float:right; width:910px;}
#mainleft2in{border-left:1px solid #f2f2f2;}
#mainright2{float:left; width:250px; }



/* layout
--------------------------------------------------------- */
#apublic{background-color:none; }
#Pmain{background-color:none;width:1160px;overflow: hidden; }

/* products
--------------------------------------------------------- */
#Pblogentry{padding-bottom:20px; height:100px; line-height:120px;}
#Pblogentry h2{ color:#333333; font-size:22px; font-weight:bold; text-align:left; position: relative; width:auto; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; -o-text-overflow: ellipsis; }
#Pblogentry h2 span{font-size:14px; font-weight:normal; line-height:1.8em; position: absolute; left:220px; top:35px;}

#PblogentryOther{padding-bottom:20px; height:100px; line-height:120px;}
#PblogentryOther h2{ color:#333333; font-size:22px; font-weight:bold; text-align:left; position: relative; width:auto; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; -o-text-overflow: ellipsis;}
#PblogentryOther h2 span{font-size:14px; font-weight:normal; line-height:1.8em; position: absolute; left:280px; top:35px;}




/* products Content
--------------------------------------------------------- */
#Pblogentrycontent{padding-top:30px;padding-bottom:50px; min-height:700px;}
#PblogentrycontentCharain{padding:30px 10px 10px 10px; padding-bottom:0px; min-height:500px;}
#PblogentrycontentChara{background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/char-detail_bg.png'); background-size:auto; background-position: top center; background-repeat: repeat-y; }
#PblogentrycontentEx{padding-top:30px;padding-bottom:0px;}
.entrycontent{width:100%; height:270px; border:1px solid #f2f2f2; margin-bottom:60px; position: relative;}
.entrycontent:before, .entrycontent:after {  content: ""; position: absolute; z-index: -2; transition: all 250ms ease-out;}
.entrycontent:before{ top: 0; left: 0; width: 100%; height: 100%;}
a:hover .entrycontent:before{ box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);}

.entrycontentin{padding:20px;}
.Pline{
    background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/menu_item-01.jpg') no-repeat bottom right;
    -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
         background-size: 100% auto;
}
.Plinekise{
    background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/menu_item-02.jpg') no-repeat bottom right;
    -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
         background-size: 100% auto;
}
.Ppagepress{
    background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/menu_item-03.jpg') no-repeat bottom right;
    -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
         background-size: 100% auto;
}
.Pgoods{
    background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/menu_item-04.jpg') no-repeat bottom right;
    -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
         background-size: 100% auto;
}

.Pemoji{
    background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/menu_item-05.png') no-repeat bottom right;
    -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
         background-size: 100% auto;
}


.Papp{
    background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/menu_item-06.png') no-repeat bottom right;
    -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
         background-size: 100% auto;
}




.ImgPline{position: absolute; top:10px; right:300px;}
.ImgPline img{width:400px;}

.ImgPlinekise{position: absolute; top:10px; right:270px;}
.ImgPlinekise img{width:430px;}


.ImgPemojo{position: absolute; top:10px; right:270px;}
.ImgPemojo img{width:430px;}


.ImgPpagepress{position: absolute; top:15px; right:300px;}
.ImgPpagepress img{width:230px;}


.entrycontentin h3{font-size:30px; color:#333333; }
.entrycontentin p{font-size:16px; color:#ffffff; line-height:1.8em; margin-top:20px; padding-left:3px; }
.Plink{display:block; width:230px; height:230px; font-size:16px; color:#ffffff; position: absolute; right:20px; top:20px; background-color:#273248; text-decoration: none; text-transform: uppercase; transform-style: flat; transition: all 250ms ease-out;}
a:hover .Plink{background-color:#565656;}

.Plink:before, .Plink:after {  content: ""; position: absolute; z-index: -2; transition: all 250ms ease-out;}
.Plink:before{ top: 0; left: 0; width: 100%; height: 100%;}
a:hover .Plink:before{ box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);}

.Plink_arrow{position: absolute;left:40px;top:115px;display:block;width:15px;height:15px;background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22492.96%22%20height%3D%22496.641%22%20viewBox%3D%220%200%20492.96%20496.641%22%3E%3Ccircle%20fill%3D%22%23ffffff%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20cx%3D%22246.917%22%20cy%3D%22249.549%22%20r%3D%22241.917%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23%22%20stroke%3D%22%23565656%22%20stroke-width%3D%2225%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M198.223%20170.208c-4.028-3.134-5.578-7.444-5.578-12.146%200-2.742.62-5.877%201.55-8.62%201.859-5.094%205.888-9.795%2010.536-9.795%201.859%200%204.028.783%205.888%202.35l113.725%2085.811c7.747%206.27%2011.776%2011.754%2011.776%2022.726%200%2010.58-4.029%2016.065-11.466%2021.551l-114.035%2086.985c-1.86%201.567-3.719%202.352-5.578%202.352-4.958%200-8.677-4.311-10.846-9.797-.93-2.742-1.55-5.877-1.55-8.619%200-4.702%201.55-9.012%205.578-12.147l108.148-80.715-108.148-79.936z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:contain;vertical-align:middle;}
.Plinktext{position: absolute; left:65px;top:105px; font-size:18px; text-align:center; }
.Plinktext span{display:block; font-size:12px; margin-top:10px;}


/* blog
--------------------------------------------------------- */
#blogentry{padding-bottom:50px;}
#blogentry h2{ font-size:22px; font-weight:bold; text-align:center; padding:30px 0px 20px 0px; }

#blogentry h2 span{display:block; margin-bottom:10px;}
#blogentry h2 span img{width:70px;transition: .5s;transform: rotateY( 0deg );}
#blogentry h2 span:hover img { transform: rotateY( 360deg );}
#blogentry ul{width:860px; }
#blogentry ul li{float:left; display:block; font-size:14px; font-weight:bold; line-height:1.6em; margin:13px; position: relative; border-bottom:1px solid #f2f2f2;-webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
#blogentry ul li a{display:block; width:260px; height:300px;}
#blogentry ul li a:hover{ color: #f3d924; }
#blogentry ul li a:hover .bmeta{ color: #3c3c3c; }

.bthumb{position:relative;background-repeat:no-repeat;background-position:center center;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.bthumb:before{content:'';display:block;padding-bottom:65.25%}
#blogentry ul li h3{margin-top:10px;}
.bmeta{position: absolute; bottom: 0; left: 0px;}
.bmeta_arrow{position: absolute;right:0px;bottom:10px;display:block;width:16px;height:16px; background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22492.96%22%20height%3D%22496.641%22%20viewBox%3D%220%200%20492.96%20496.641%22%3E%3Ccircle%20fill%3D%22%23565656%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20cx%3D%22246.917%22%20cy%3D%22249.549%22%20r%3D%22241.917%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2225%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M198.223%20170.208c-4.028-3.134-5.578-7.444-5.578-12.146%200-2.742.62-5.877%201.55-8.62%201.859-5.094%205.888-9.795%2010.536-9.795%201.859%200%204.028.783%205.888%202.35l113.725%2085.811c7.747%206.27%2011.776%2011.754%2011.776%2022.726%200%2010.58-4.029%2016.065-11.466%2021.551l-114.035%2086.985c-1.86%201.567-3.719%202.352-5.578%202.352-4.958%200-8.677-4.311-10.846-9.797-.93-2.742-1.55-5.877-1.55-8.619%200-4.702%201.55-9.012%205.578-12.147l108.148-80.715-108.148-79.936z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-size:14px 14px; vertical-align:middle; background-repeat: no-repeat; }

#blogentry ul li a:hover .bmeta_arrow{background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22492.96%22%20height%3D%22496.641%22%20viewBox%3D%220%200%20492.96%20496.641%22%3E%3Ccircle%20fill%3D%22%23f3d924%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20cx%3D%22246.917%22%20cy%3D%22249.549%22%20r%3D%22241.917%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2225%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M198.223%20170.208c-4.028-3.134-5.578-7.444-5.578-12.146%200-2.742.62-5.877%201.55-8.62%201.859-5.094%205.888-9.795%2010.536-9.795%201.859%200%204.028.783%205.888%202.35l113.725%2085.811c7.747%206.27%2011.776%2011.754%2011.776%2022.726%200%2010.58-4.029%2016.065-11.466%2021.551l-114.035%2086.985c-1.86%201.567-3.719%202.352-5.578%202.352-4.958%200-8.677-4.311-10.846-9.797-.93-2.742-1.55-5.877-1.55-8.619%200-4.702%201.55-9.012%205.578-12.147l108.148-80.715-108.148-79.936z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; }

.bcat{font-size:10px; font-weight:normal; line-height:0; margin-bottom:3px;}
.btime{font-size:11px; font-weight:bold;}
.blogentryMore{ text-align:center; margin-top:50px; margin-bottom:60px;}
.blogentryMore a{position:relative; font-size:14px; font-weight:bold; color:#ffffff; background-color: #f3d924; padding:15px 40px 15px 60px; border-radius: 3px;transition-property: all;transition: 0.06s linear; border:3px solid #f3d924;}
.blogentryMore_arrow{position: absolute;left:35px;bottom:18px;display:block;width:15px;height:15px;background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22492.96%22%20height%3D%22496.641%22%20viewBox%3D%220%200%20492.96%20496.641%22%3E%3Ccircle%20fill%3D%22%23ffffff%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20cx%3D%22246.917%22%20cy%3D%22249.549%22%20r%3D%22241.917%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23f3d924%22%20stroke-width%3D%2225%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M198.223%20170.208c-4.028-3.134-5.578-7.444-5.578-12.146%200-2.742.62-5.877%201.55-8.62%201.859-5.094%205.888-9.795%2010.536-9.795%201.859%200%204.028.783%205.888%202.35l113.725%2085.811c7.747%206.27%2011.776%2011.754%2011.776%2022.726%200%2010.58-4.029%2016.065-11.466%2021.551l-114.035%2086.985c-1.86%201.567-3.719%202.352-5.578%202.352-4.958%200-8.677-4.311-10.846-9.797-.93-2.742-1.55-5.877-1.55-8.619%200-4.702%201.55-9.012%205.578-12.147l108.148-80.715-108.148-79.936z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:contain;vertical-align:middle; }
.blogentryMore a:hover{ color:#f3d924; background-color: #ffffff; padding:15px 40px 15px 60px; border-radius: 3px; border:3px solid #f3d924;}
.blogentryMore a:hover .blogentryMore_arrow{background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22492.96%22%20height%3D%22496.641%22%20viewBox%3D%220%200%20492.96%20496.641%22%3E%3Ccircle%20fill%3D%22%23f3d924%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20cx%3D%22246.917%22%20cy%3D%22249.549%22%20r%3D%22241.917%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2225%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M198.223%20170.208c-4.028-3.134-5.578-7.444-5.578-12.146%200-2.742.62-5.877%201.55-8.62%201.859-5.094%205.888-9.795%2010.536-9.795%201.859%200%204.028.783%205.888%202.35l113.725%2085.811c7.747%206.27%2011.776%2011.754%2011.776%2022.726%200%2010.58-4.029%2016.065-11.466%2021.551l-114.035%2086.985c-1.86%201.567-3.719%202.352-5.578%202.352-4.958%200-8.677-4.311-10.846-9.797-.93-2.742-1.55-5.877-1.55-8.619%200-4.702%201.55-9.012%205.578-12.147l108.148-80.715-108.148-79.936z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');}


#blogentry3 ul{ width:100%; }
#blogentry3 ul li{ float:left; display:block; width:365px; margin-top:20px; margin-right:20px; }
#blogentry3 ul li img{ width:100%; }
#blogentry3 ul li h3{ font-size:16px; font-weight:bold; }
.bmeta3{ border-bottom:1px solid #f2f2f2; padding-bottom:5px; text-align:right; }
.btime3{font-size:11px; font-weight:normal;}


/* bloglist
--------------------------------------------------------- */
#blogentry ul#bloglist{width:1160px; margin-top:30px; min-height:500px; }


#more-button {
	border:3px solid #f3d924;
	border-style: none;
	cursor: pointer;
	cursor: hand;
	font-weight:bold;
	font-size:14px;
	color:#333333;
	background: #f3d924;
	height: 60px;
	margin: 40px 0 0;
	width: 100%;
}
.moreText{
	padding-right:18px;
	}
.moreArrow {
	display: inline-block;
	width: 5px;
	height: 5px;
	border-top: 2px solid #333333;
	border-right: 2px solid #333333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-right:15px;
	margin-bottom:3px;
}
#more-button:hover .moreArrow {
	margin-left:3px;
	margin-right:12px;
	transition-property: all;transition: 0.1s linear;
}



.scroller-status {
  display: none;
  margin-top: 40px;
}
.infinite-scroll-request {
  animation: scroll-request 1.1s infinite linear;
  border: 4px solid #00b8d4;
  border-left: 4px solid #fff;
  border-radius: 50%;
  height: 48px;
  margin: auto;
  width: 48px;
}
@keyframes scroll-request {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.infinite-scroll-last,
.infinite-scroll-error {
  color: #757575;
  text-align: center;
}


/* 404 Not Found
--------------------------------------------------------- */
.editorBlock404{ text-align:center; }
.editorBlock404 h2{ font-size:80px; font-weight:bold; margin-top:50px; }
.editorBlock404 h3{ font-size:20px; font-weight:bold; padding:20px 0px; margin-bottom:50px;  }
.editorBlock404 h3 a{ color:#1e4ea6; border-bottom:1px solid #1e4ea6; }
.editorBlock404 h3 a:hover{ border-bottom:0px solid #000099; }
.editorBlock404list{ text-align:left; font-size:16px; line-height:1.6em; background-color: #f2f2f2; width:800px; margin:0 auto; padding:20px; }
.editorBlock404list ul{ margin:10px 0px; }
.editorBlock404list ul li{ font-size:16px; line-height:1.8em; }
.editorBlock404under{ font-size:16px; line-height:1.8em; margin:30px 0px 20px 0px; }
.editorBlock404underLink div{ display:inline-block; line-height:0em; }
.editorBlock404underLinkTD{ margin:0 30px; }

.editorBlock h2{}
.editorBlock h3{ font-size:16px; font-weight:bold; background-color: #f2f2f2; border-bottom:1px solid #dedede; padding:20px; margin-bottom:20px;  }

.editorBlock h3 a{ color:#1e4ea6; border-bottom:1px solid #1e4ea6; }
.editorBlock h3 a:hover{ border-bottom:0px solid #000099; }

.editorBlock p{ font-size:16px; line-height:2.1em; margin-bottom:30px; }
.editorBlock p.LH25{ font-size:16px; color:#e9595b; font-weight:bold; line-height:2.3em; margin-bottom:30px; }
.editorBlock p a{ color:#1e4ea6; border-bottom:1px solid #1e4ea6; }
.editorBlock p a:hover{ border-bottom:0px solid #000099; }

.editorBlock table{width:100%;}
.editorBlock table tr th{ border-bottom:1px solid #dedede; padding:20px; font-size:16px; line-height:1.8em; vertical-align: middle; text-align:center; }
.editorBlock table tr td{ border-bottom:1px solid #dedede; padding:20px; font-size:16px; line-height:1.8em; }
.editorBlock table tr.editorBlockTable1st th{padding:0px 20px 20px 20px;}
.editorBlock table tr.editorBlockTable1st td{padding:0px 20px 20px 20px;}

/* ボックス */
.editorBlockBox{border:1px solid #dedede; padding:20px; margin-bottom:20px; }
.editorBlockBox p{line-height:2em; margin-bottom:0px; }

/* 状態遷移 */
.progressbarBox{margin:60px 0px 50px 0px; }
.progressbar {
  margin: 0;
  padding: 0;
  counter-reset: step;
  z-index: 0;
  position: relative;
}
.progressbar li {
  list-style-type: none;
  width: 33%;
  float: left;
  font-size: 12px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  color: #aaa;
}
.progressbar li:before {
  width: 30px;
  height: 30px;
  content: counter(step);
  counter-increment: step;
  line-height: 30px;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: #eee;
}
.progressbar li:after {
  width: 100%;
  height: 2px;
  content: '';
  position: absolute;
  background-color: #eee;
  top: 15px;
  left: -50%;
  z-index: -1;
}
.progressbar li:first-child:after {
  content: none;
}
.progressbar li.active {
  color: #f3d924;
}
.progressbar li.active:before {
  background-color: #f3d924;
  color:#fff;
}
.progressbar li.active + li:after {
  background-color: #f3d924;
}


/* 採用情報
--------------------------------------------------------- */
.recruit_main {
    height:620px;
    position: relative;
}
.recruit_main2 {
    position: absolute;
    right: 0px;
    bottom: 0px;
}




/* メールフォーム */
.mw_wp_form_g-standard{ margin-bottom:50px; }
.editorBlock table.mailform{ margin-bottom:30px; border:0px solid #ffffff; }
.editorBlock table.mailform tr th{ background-color: #f2f2f2; border:1px solid #dedede; padding:20px 0px 20px 20px; font-size:16px; line-height:1.8em; vertical-align: middle; text-align:left; width:240px; }
.editorBlock table.mailform tr td{ border:1px solid #dedede; padding:20px 30px 20px 20px; font-size:16px; line-height:1.8em; }
.formRequired{ display:inline-block; color:#ffffff; background-color: #f3d924; padding:5px 10px; }
.error{ color:#f3d924; font-size:14px; }

.editorBlock table.mailform tr th span{ display:inline-block; width:160px; }
.formComments{display:block; font-size:14px; }
.editorBlock table.mailform tr td input{width:100%; height:35px; padding-left:10px; font-size:18px; border:1px solid #dedede;}
.editorBlock table.mailform tr td textarea{width:100%; height:300px; font-size:20px; border:1px solid #dedede; padding:10px 0px 10px 10px; }

.editorBlock table.mailform tr.LastformTr th{ border:0px solid #ffffff; }
.editorBlock table.mailform tr.LastformTr td{ border:0px solid #ffffff; padding:0px 0px 0px 0px; position: relative; }
.editorBlock table.mailform tr.LastformTr td .error{ display:none; }
.formcheckPrivacy{ width:100%; background-color: #000; text-align:center; margin:30px 0px 0px 0px; }
.formcheckPrivacy .mwform-checkbox-field-text{ display:block; background-color: #f2f2f2; padding:30px 0px 30px 0px; cursor: pointer; border:1px solid #dedede; width:1160px; }

.formcheckPrivacy label:hover > .mwform-checkbox-field-text{ display:block; color:#ffffff; background-color: #f3d924; text-align:center; cursor: pointer; transition-property: all;transition: 0.26s linear; }
.formcheckPrivacy input[type="checkbox"]{ cursor: pointer; position:absolute; left:420px; top:68px; width:auto!important; height:auto!important;  }
.LastformRequired{ position:absolute; right:380px; top:57px; }

.formcheckPrivacy input[type="checkbox"]:checked ~ .mwform-checkbox-field-text { background-color: #f3d924; color:#ffffff;}


/* 確認ボタン */
.btnSubmit{ display:block; text-align:center; }
.btnSubmit input[type="submit"]{ padding:20px 150px 20px 150px; background-color:#f3d924; cursor: pointer; border-style: none; color:#ffffff; font-size:18px; -webkit-appearance: none; }
.btnSubmit input[type="submit"]:hover{ background-color:#ff0000; }


.editorBlock h4{font-size:16px; font-weight:bold; line-height:2.3em; color:#3c3c3c;}
.editorBlockPoint{ color:#e9595b; font-size:13px; font-weight:bold; }
.editorBlock p strong{font-weight:bold;}

#editorBlockIntro{ display:block; background-color: #ffece2; padding:20px; margin-bottom:50px; border:3px solid #e9595b; border-radius: 15px; position:relative; }
#editorBlockIntro h2{ color:#e9595b; font-size:24px; font-weight:bold; border-bottom:3px solid #e9595b; padding:20px 20px 20px 0px; margin-bottom:20px; }
#editorBlockIntro p{ font-size:16px; line-height:2.3em; margin-bottom:30px; }
#editorBlockIntroE{position: absolute; right:30px; top:0px; }
#editorBlockIntroEvent{	width: 180px; position: relative;}
#editorBlockIntroEvent img{ width:100%; }

/* キャラクターグッズページ */
#editorBlockIntro2{ display:block; margin-bottom:50px; position:relative; }
#editorBlockIntro2 h2{ display:block; color:#e9595b; font-size:24px; font-weight:bold; border-bottom:1px solid #e9595b; padding:20px 0px 20px 0px; margin-bottom:20px; }
#editorBlockIntro2 p{ font-size:16px; line-height:2.3em; margin-bottom:30px; }





ul.sitemapLink{margin-left:20px; width:100%; }
ul.sitemapLink li{ position:relative; font-size:16px; float:left; width:50%; margin-bottom:20px; }
ul.sitemapLink li a{ margin-left:20px; font-size:16px; font-weight:bold; color:#1e4ea6; border-bottom:1px solid #1e4ea6; }
ul.sitemapLink li a:hover{ border-bottom:0px solid #000099; }
.bmeta_arrowSite{position: absolute;left:0px;top:2px;display:block;width:15px;height:15px;background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22492.96%22%20height%3D%22496.641%22%20viewBox%3D%220%200%20492.96%20496.641%22%3E%3Ccircle%20fill%3D%22%23565656%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20cx%3D%22246.917%22%20cy%3D%22249.549%22%20r%3D%22241.917%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2225%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M198.223%20170.208c-4.028-3.134-5.578-7.444-5.578-12.146%200-2.742.62-5.877%201.55-8.62%201.859-5.094%205.888-9.795%2010.536-9.795%201.859%200%204.028.783%205.888%202.35l113.725%2085.811c7.747%206.27%2011.776%2011.754%2011.776%2022.726%200%2010.58-4.029%2016.065-11.466%2021.551l-114.035%2086.985c-1.86%201.567-3.719%202.352-5.578%202.352-4.958%200-8.677-4.311-10.846-9.797-.93-2.742-1.55-5.877-1.55-8.619%200-4.702%201.55-9.012%205.578-12.147l108.148-80.715-108.148-79.936z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:contain;vertical-align:middle;}
ul.sitemapLink li p{margin-top:10px; font-size:14px; margin-bottom:0px; }

/* 区切り線
--------------------------------------------------------- */
.contentLine_01 { margin: 1.0em 0px 0px; height: 1px; }
.contentLine_01 hr { display: none; }
.contentLine_01 { background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/border_01.gif') repeat-x; }

.alignR { margin-left: 10px; }
.alignL { margin-right: 10px; }
.alignR2 { margin-left: 20px; }
.alignL2 { margin-right: 20px; }



.ContentLink{ border:1px solid #dedede; padding:30px; margin-bottom:60px; background-color: #f2f2f2;}
.ContentLinkin{position:relative;}
.ContentLinkin p{ line-height:1.8em; font-size:16px; font-weight:bold; }
.href{ line-height:1.8em; position: absolute;right:35px; bottom:18px; }
.href a{font-size:14px; font-weight:bold; color:#ffffff; background-color: #f3d924; padding:15px 40px 15px 60px; border-radius: 3px;transition-property: all;transition: 0.06s linear; border:3px solid #f3d924;}
.href a:hover{ color:#f3d924; background-color: #ffffff; padding:15px 40px 15px 60px; border-radius: 3px; border:3px solid #f3d924;}

.href_arrow{position: absolute;left:35px;bottom:5px;display:block;width:15px;height:15px;background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22492.96%22%20height%3D%22496.641%22%20viewBox%3D%220%200%20492.96%20496.641%22%3E%3Ccircle%20fill%3D%22%23ffffff%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20cx%3D%22246.917%22%20cy%3D%22249.549%22%20r%3D%22241.917%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23f3d924%22%20stroke-width%3D%2225%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M198.223%20170.208c-4.028-3.134-5.578-7.444-5.578-12.146%200-2.742.62-5.877%201.55-8.62%201.859-5.094%205.888-9.795%2010.536-9.795%201.859%200%204.028.783%205.888%202.35l113.725%2085.811c7.747%206.27%2011.776%2011.754%2011.776%2022.726%200%2010.58-4.029%2016.065-11.466%2021.551l-114.035%2086.985c-1.86%201.567-3.719%202.352-5.578%202.352-4.958%200-8.677-4.311-10.846-9.797-.93-2.742-1.55-5.877-1.55-8.619%200-4.702%201.55-9.012%205.578-12.147l108.148-80.715-108.148-79.936z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:contain;vertical-align:middle; }
.href a:hover .href_arrow{background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22492.96%22%20height%3D%22496.641%22%20viewBox%3D%220%200%20492.96%20496.641%22%3E%3Ccircle%20fill%3D%22%23f3d924%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20cx%3D%22246.917%22%20cy%3D%22249.549%22%20r%3D%22241.917%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2225%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M198.223%20170.208c-4.028-3.134-5.578-7.444-5.578-12.146%200-2.742.62-5.877%201.55-8.62%201.859-5.094%205.888-9.795%2010.536-9.795%201.859%200%204.028.783%205.888%202.35l113.725%2085.811c7.747%206.27%2011.776%2011.754%2011.776%2022.726%200%2010.58-4.029%2016.065-11.466%2021.551l-114.035%2086.985c-1.86%201.567-3.719%202.352-5.578%202.352-4.958%200-8.677-4.311-10.846-9.797-.93-2.742-1.55-5.877-1.55-8.619%200-4.702%201.55-9.012%205.578-12.147l108.148-80.715-108.148-79.936z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');}

/* sidebar
--------------------------------------------------------- */
#sidebar_index{ min-height:2040px; }
#sidebar{ min-height:2540px; }
.widget img{ max-width:100%; }
.tw{}
.twa{margin:-30px 0 0 8px;padding:1px;vertical-align:bottom;position:relative;}
.twaimg{border-radius:50%;height:48px;width:48px;border:2px solid #ffffff;-moz-box-sizing:border-box;box-sizing:border-box;color:#f3d924;}
.twaimgpomu{color:#1da1f2;}
.twaimgnuteeeen{color:#91d2fa;}
.twaimg {transition: .3s ;transform: rotateY( 0deg ) ; }
.tw:hover .twaimg { transform: rotateY( 360deg ) ;}
.tw:active .twaimg{box-shadow:0px 0px 10px;}

.twa-name{}
.twa-name h3{ display:inline-block; font-size:18px; font-weight:bold;line-height:0;margin-bottom:0px;margin-top:15px; }
.twa-name span{font-size:13px;line-height:0; }
.twa-name a:hover{text-decoration: underline;}
.twc{ margin-top:20px; font-size:0px;}
.twc li{float:left; width:100px; font-size:14px; color:#657786;}
.twc li .twc_block{padding:0px 0px 0px 10px;}
.twc li .twc_blockLast{padding:0px 10px 0px 0px;}
.twc li a:hover{color:#f3d924;}
.twc li span{margin-bottom:0px; font-weight:bold;}
.twc li span.twcTv::before {content: "\A" ;	white-space: pre ;}
.twc li span.twcTv{font-size:20px; color:#f3d924; line-height:25px;}

.twc li.pomu a:hover{color:#1da1f2;}
.twc li.pomu span.twcTv{color:#1da1f2;}

.twc li.nuteeeen a:hover{color:#91d2fa;}
.twc li.nuteeeen span.twcTv{color:#91d2fa;}

.twlist ul{margin-top:20px;}
.twlist ul li{border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2; padding:20px 10px; height: 80px;}

.twiist_img{ float:left; width:80px; margin-right:10px; }
.twiist_img_hidden{ width: 80px; height: 80px; overflow: hidden; }
.twiist_img img{ width: 80px; height: 80px; object-fit: cover; object-position: center top; font-family: 'object-fit: cover; object-position: center top;'}

.twlist ul li a .twiist_img{-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.twlist ul li .twiist_img img{-moz-transition: -moz-transform 0.2s linear; -webkit-transition: -webkit-transform 0.2s linear; -o-transition: -o-transform 0.2s linear; -ms-transition: -ms-transform 0.2s linear; transition: transform 0.2s linear;}
.twlist ul li a:hover .twiist_img img{-webkit-transform: scale(1.8); transform: scale(1.8);}

.twiist_text { float:left; width:180px; height:90px; position:relative;}
.twiist_text h3{ font-size:12px; margin-bottom:5px; }
.twiist_text p{ font-size:12px; line-height:1.7em; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 4;height: 60px;}
.twiist_text .twtime{ font-size:11px; color:#657786; position: absolute; bottom: 0px; right: 0px;}

/* special */
.twlist ul li.pomu a:hover{color:#1da1f2;}
.twlist ul li.pomu .twiist_text h3{ color:#1da1f2; font-weight:bold; border-left: solid 5px #7db4e6; padding-left:10px;}
.twlist ul li.nuteeeen a:hover{color:#91d2fa;}
.twlist ul li.nuteeeen .twiist_text h3{ color:#91d2fa; font-weight:bold; border-left: solid 5px #91d2fa; padding-left:10px;}
.twlist ul li.vovls2005 a:hover{color:#f6303e;}
.twlist ul li.vovls2005 .twiist_text h3{ color:#f6303e; font-weight:bold; border-left: solid 5px #f6303e; padding-left:10px;}

/* sideList */
.sideList{ margin:20px 10px; }
.sideList h2{  font-size:18px; font-weight:bold; margin-left:10px; }
ul.sideList01{ margin-top:15px; }

ul.sideList01 li a {
display: block;
position: relative;
padding: 15px 10px 15px 25px;
border-bottom: 1px solid #D9D9D6;
background: #ffffff;
color: #0066c0;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
ul.sideList01 li a:after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 5px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 1px #333333;
border-right: solid 1px #333333;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
ul.sideList01 li a:hover {
	color:#cd3838;
	background: #ffff00;
	}




/* side tabs
--------------------------------------------------------- */

/* tab */
.tab-item { width: calc(100%/3);
  border-bottom: 3px solid #ffffff;
  background-color: #ffffff;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.8s ease;
}
.tab-item:hover{cursor: pointer;}
.tabcolor0:hover{border-bottom: 3px solid #f3d924;}
.tabcolor1:hover{border-bottom: 3px solid #1da1f2;}
.tabcolor2:hover{border-bottom: 3px solid #91d2fa;}

/* style */
input[name="tab_item"] {display: none;}

.tabs input:checked + .tabcolor0 {border-bottom: 3px solid #f3d924;}
.tabs input:checked + .tabcolor1 {border-bottom: 3px solid #1da1f2;}
.tabs input:checked + .tabcolor2 {border-bottom: 3px solid #91d2fa;}

/* move
--------------------------------------------------------- */
.cube {
  position: relative;
  top:55px;
  width:300px;
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -ms-transform-origin: 150px 0;
  -moz-transform-origin: 150px 0;
  -webkit-transform-origin: 150px 0;
          transform-origin: 150px 0;
  -ms-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -ms-transition: -ms-transform 0.25s ease-in;
  -moz-transition: -moz-transform 0.25s ease-in;
  -webkit-transition: -webkit-transform 0.25s ease-in;
  transition: -webkit-transform 0.25s ease-in;
  transition: transform 0.25s ease-in;
  transition: transform 0.25s ease-in, -webkit-transform 0.25s ease-in;
}
/* IE10〜11 Edge12〜14
--------------------------------------------------------- */
/* IE10〜11 */
_:-ms-input-placeholder, :root .tab-item{display:none;height: 0px;}
_:-ms-input-placeholder, :root .cube {top:0px;}

/* Edge12〜14 */
@supports (-ms-ime-align: auto) and (not (-webkit-text-stroke: initial)) {
	.tab-item{display:none;height: 0px;}
	.cube {top:0px;}
}

/* tab_content
--------------------------------------------------------- */
.tab_content { position:absolute; width:300px;}

.tab_content:nth-child(1) {
      -ms-transform: rotateY(-270deg) translateX(150px);
      -moz-transform: rotateY(-270deg) translateX(150px);
      -webkit-transform: rotateY(-270deg) translateX(150px);
      transform: rotateY(-270deg) translateX(150px);
      -ms-transform-origin: top right;
      -moz-transform-origin: top right;
      -webkit-transform-origin: top right;
      transform-origin: top right;
      background: #ffffff;
}
.tab_content:nth-child(2) {
      -ms-transform: translateZ(150px);
      -moz-transform: translateZ(150px);
      -webkit-transform: translateZ(150px);
      transform: translateZ(150px);
      background: #ffffff;
}
.tab_content:nth-child(3) {
      -ms-transform: rotateY(-90deg) translateX(-150px);
      -moz-transform: rotateY(-90deg) translateX(-150px);
      -webkit-transform: rotateY(-90deg) translateX(-150px);
      transform: rotateY(-90deg) translateX(-150px);
      -ms-transform-origin: bottom left;
      -moz-transform-origin: bottom left;
      -webkit-transform-origin: bottom left;
      transform-origin: bottom left;
      background: #ffffff;
		}
#all:checked ~ .cube {
      -ms-transform: rotateY(-89.999deg);
      -moz-transform: rotateY(-89.999deg);
      -webkit-transform: rotateY(-89.999deg);
      transform: rotateY(-89.999deg);
      }
#tw_pomu:checked ~ .cube {
      -ms-transform: rotateY(0deg);
      -moz-transform: rotateY(0deg);
      -webkit-transform: rotateY(0deg);
      transform: rotateY(0deg);
      }
#tw_nuten:checked ~ .cube {
      -ms-transform: rotateY(89.999deg);
      -moz-transform: rotateY(89.999deg);
      -webkit-transform: rotateY(89.999deg);
      transform: rotateY(89.999deg);
      }

/* footer
--------------------------------------------------------- */
/* common */
#pnav{background-color:#f3d924;}
#pnav_in{padding:30px 0px; position: relative;}
#pnav_in h2{float:left;}
#pnav_in h2 a{display:block; width:80px; height:35px; background:url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20325.98%20155.91%22%20style%3D%22enable-background%3Anew%200%200%20325.98%20155.91%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M103.08%2C8.1v88.22c0%2C3.86-3.13%2C6.98-6.98%2C6.98H7.53c-6.22%2C0-9.34-7.52-4.94-11.92L91.16%2C3.16%20C95.56-1.24%2C103.08%2C1.88%2C103.08%2C8.1z%22%2F%3E%20%3Cellipse%20transform%3D%22matrix(0.2342%20-0.9722%200.9722%200.2342%2072.9915%20197.0688)%22%20class%3D%22st0%22%20cx%3D%22161.59%22%20cy%3D%2252.2%22%20rx%3D%2244.8%22%20ry%3D%2244.8%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M270.98%2C103.3c2.24%2C0%2C4.71-2.29%2C7.92-5.07c34.18-29.64%2C46.56-51.75%2C46.56-71.29c0-23.5-30.51-37-47.23-13.12%20c-3.33%2C4.76-4.42%2C7.19-7.25%2C7.24h-0.16c-2.83-0.05-3.91-2.48-7.25-7.24c-16.72-23.89-47.23-10.38-47.23%2C13.12%20c0%2C19.95%2C12.38%2C41.65%2C46.56%2C71.29c3.21%2C2.78%2C5.67%2C5.07%2C7.92%2C5.07H270.98z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M86.42%2C121.45H75.98c-2.26%2C0-4.09%2C1.83-4.09%2C4.09c0%2C2.26%2C1.83%2C4.09%2C4.09%2C4.09h6.35v10.1%20c0%2C3.5-2.85%2C6.35-6.35%2C6.35c-3.5%2C0-6.35-2.85-6.35-6.35c0-2.26-1.83-4.09-4.09-4.09c-2.26%2C0-4.09%2C1.83-4.09%2C4.09%20c0%2C8.02%2C6.52%2C14.54%2C14.54%2C14.54c8.01%2C0%2C14.53-6.52%2C14.53-14.54v-14.19C90.51%2C123.28%2C88.68%2C121.45%2C86.42%2C121.45z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M191.88%2C121.45c-2.26%2C0-4.09%2C1.83-4.09%2C4.09v10.44v2.87l-13.26-15.93c-1.1-1.33-2.92-1.82-4.54-1.23%20c-1.62%2C0.59-2.7%2C2.13-2.7%2C3.85v10.44v3.75v10.44c0%2C2.26%2C1.83%2C4.09%2C4.09%2C4.09c2.26%2C0%2C4.09-1.83%2C4.09-4.09v-10.44v-2.87l13.26%2C15.93%20c0.79%2C0.96%2C1.95%2C1.48%2C3.15%2C1.48c0.47%2C0%2C0.94-0.08%2C1.39-0.24c1.62-0.59%2C2.7-2.13%2C2.7-3.85v-10.44v-3.75v-10.44%20C195.97%2C123.28%2C194.14%2C121.45%2C191.88%2C121.45z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M230.66%2C125.55c0-2.26-1.83-4.09-4.09-4.09h-10.44c-8.02%2C0-14.54%2C6.52-14.54%2C14.53v3.75%20c0%2C8.02%2C6.52%2C14.54%2C14.54%2C14.54h10.44c2.26%2C0%2C4.09-1.83%2C4.09-4.09c0-2.26-1.83-4.09-4.09-4.09h-10.44c-3.5%2C0-6.35-2.85-6.35-6.35%20v-3.75c0-3.5%2C2.85-6.35%2C6.35-6.35h10.44C228.82%2C129.64%2C230.66%2C127.81%2C230.66%2C125.55z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M223.65%2C133.77h-6.01c-2.26%2C0-4.09%2C1.84-4.09%2C4.09c0%2C2.26%2C1.83%2C4.09%2C4.09%2C4.09h6.01%20c2.26%2C0%2C4.09-1.83%2C4.09-4.09C227.74%2C135.6%2C225.91%2C133.77%2C223.65%2C133.77z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M263.28%2C121.45h-22.91c-2.26%2C0-4.09%2C1.83-4.09%2C4.09c0%2C2.26%2C1.83%2C4.09%2C4.09%2C4.09h7.36v20.54%20c0%2C2.26%2C1.83%2C4.09%2C4.09%2C4.09c2.26%2C0%2C4.09-1.83%2C4.09-4.09v-20.54h7.36c2.26%2C0%2C4.09-1.83%2C4.09-4.09%20C267.37%2C123.28%2C265.54%2C121.45%2C263.28%2C121.45z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M111.11%2C120.92c-8.26%2C0-14.98%2C6.72-14.98%2C14.98v3.91c0%2C8.26%2C6.72%2C14.98%2C14.98%2C14.98%20c8.26%2C0%2C14.98-6.72%2C14.98-14.98v-3.91C126.09%2C127.64%2C119.37%2C120.92%2C111.11%2C120.92z%20M117.9%2C139.82c0%2C3.75-3.05%2C6.8-6.8%2C6.8%20c-3.75%2C0-6.8-3.05-6.8-6.8v-3.91c0-3.75%2C3.05-6.8%2C6.8-6.8c3.75%2C0%2C6.8%2C3.05%2C6.8%2C6.8V139.82z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M157.58%2C121.45c-2.26%2C0-4.09%2C1.83-4.09%2C4.09v5.28c0%2C3.61-2.83%2C6.57-6.39%2C6.78c-0.13-0.01-0.68-0.01-0.81%2C0%20c-3.56-0.21-6.39-3.16-6.39-6.78v-5.28c0-2.26-1.83-4.09-4.09-4.09c-2.26%2C0-4.09%2C1.83-4.09%2C4.09v5.28%20c0%2C6.84%2C4.61%2C12.61%2C10.89%2C14.4v4.96c0%2C2.26%2C1.83%2C4.09%2C4.09%2C4.09c2.26%2C0%2C4.09-1.83%2C4.09-4.09v-4.96%20c6.28-1.79%2C10.89-7.56%2C10.89-14.4v-5.28C161.67%2C123.28%2C159.84%2C121.45%2C157.58%2C121.45z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:contain;vertical-align:middle;background-repeat:no-repeat;}
#pnav_in h2 a span{display:none;}
#pnav_in nav{float:left; margin-top:3px; margin-left:5px;}
#pnav_in nav ul{font-size:0px;}
#pnav_in nav ul li { display:block; font-size:12px; font-weight:bold; color:#ffffff; font-size: 14px; font-weight: bold; padding-left:20px;padding-top:5px; position: relative; margin-left:10px; float:left; padding-bottom:5px; }
#pnav_in nav ul li:after { display: block; content: ""; width: 6px; height: 6px; margin: -6px 0 0 0; border-top: solid 2px #ffffff; border-right: solid 2px #ffffff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; left: 0px; }
#pnav_in nav ul li a{display:block; }
#pnav_in nav ul li a::after {content: ""; display: block; width: 0; transition: width 0.05s; padding-bottom:6px; border-bottom: 2px solid #ffffff; }
#pnav_in nav ul li a:hover::after {width: 100%;}

#pnav_in nav ul li h1{ max-width:500px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#pnav_in nav ul li h1 a::after {content: ""; display: block; width: 0; transition: width 0.05s; padding-bottom:6px; border-bottom: 2px solid #ffffff; }
#pnav_in nav ul li h1 a:hover::after {width: 100%;}


.ptop{position: absolute; top: 25px; right: 0px;}
.ptop a{display:block; width:40px; height:40px;}
.ptop_link *, .ptop_link *:before, .ptop_link *:after {-webkit-box-sizing: border-box;box-sizing: border-box;}
.ptop_link {cursor: pointer;position: relative;}
.ptop_link .ptop_round {position: relative;width: 40px;height: 40px;border: 3px solid #ffffff;border-radius: 100%;transition-property: all;transition: 0.3s linear;}
.ptop_link .ptop_round:hover{border: 3px solid #ffffff;background-color:#ffffff;}
.ptop_link span {position: absolute;z-index: 999;display: block;width: 12px;height: 3px;transition: 0.4s ease;border-radius: 3px;background: #ffffff;}
.ptop_link span:first-child {bottom: 45%;left: 25%;transform: rotate(-45deg);}
.ptop_link span:nth-child(2) {bottom: 45%;left: 45%;transform: rotate(45deg);}
.ptop_link .ptop_round:hover span:nth-child(1) {border: 2px solid #f3d924;transform: rotate(135deg);}
.ptop_link .ptop_round:hover span:nth-child(2) {border: 2px solid #f3d924;transform: rotate(-135deg);}

#footer{height:15px; background-color:#565656; color:#ffffff; padding:20px 0px;}#fnav{position: relative;}
#fnav nav ul{font-size:0px;}
#fnav nav ul li{display:inline-block; font-size:12px; border-right: 1px solid #ffffff; margin-right:8px; padding-right:8px;padding-top:3px;}
#fnav nav ul li.fnav_z{border-right: 0px solid #ffffff;}
#fnav nav ul li a{display:block; }
#fnav nav ul li a::after {content: ""; display: block; width: 0; transition: width 0.05s; padding-bottom:5px; border-bottom: 1px solid #ffffff; }
#fnav nav ul li a:hover::after {width: 100%;}

#copyright{position: absolute; top: 0px; right: 0px;}
#copyright small{font-size:12px;}

/* chara
--------------------------------------------------------- */
#innernav{height:150px;background-color:#ffffff;}
#innernav ul{}
#innernav ul li{display:inline-block;}

#innernav .chara{
	position:absolute;
	left:-100px;
	top:0;
	background:url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/chaka.png') no-repeat;
	width:79px;
	height:122px;
	animation: chakaFlont 2.9s steps(20) forwards infinite;
	z-index:100;
	}
@keyframes chakaFlont{
	to{
		background-position: -1580px 0;
	}
	}
@-webkit-keyframes chakaFlont{
	to{
		background-position: -1580px 0;
	}
	}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

/* fade
--------------------------------------------------------- */
#apublic {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

ul.products_navi{
padding-top:10px;
	}
ul.products_navi li{
	display:inline-block;
	width:250px;
	}

/* ラインスタンプ
--------------------------------------------------------- */
ul.lineshop{
	margin-top:0px;
	width:100%;
	}
ul.lineshop li{
	line-height:1.3em;
	color:#3c3c3c;
	font-weight:normal;
	padding:10px 5px 30px 0px;
	text-align:center;
	width:160px;
	height:150px;
	float:left;
	}
ul.lineshop li p{
	font-size:13px;
	line-height:1.4em;
	width:120px;
	margin:0 auto;
	padding-top:10px;


	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

	}
ul.lineshop li a{
	font-size:13px;
	margin-top:0px;
	padding-top:0px;
	line-height:1.3em;
	}
ul.lineshop li a:hover{
	text-decoration: underline;
	}
ul.lineshop li img{
	margin:0 auto;
	width:120px;
	}
.line-product-card-meta{
	color:#777777;
	font-size:11px !important;
	line-height:1.4em !important;
	-webkit-line-clamp:2 !important;
	}

/* ライン着せかえ
--------------------------------------------------------- */
ul.linethemeshop{
	margin-top:0px;
	width:100%;
	}
ul.linethemeshop li{
	line-height:1.3em;
	color:#3c3c3c;
	font-weight:normal;
	padding:10px 5px 30px 5px;
	text-align:center;
	width:160px;
	height:200px;
	float:left;
	}
ul.linethemeshop li p{
	font-size:13px;
	line-height:1.4em;
	width:120px;
	margin:0 auto;
	padding-top:10px;

	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	}
ul.linethemeshop li a{
	font-size:13px;
	margin-top:0px;
	padding-top:0px;
	line-height:1.3em;
	}
ul.linethemeshop li a:hover{
	text-decoration: underline;
	}
ul.linethemeshop li img{
	margin:0 auto;
	width:120px;
	}






/* ライン絵文字
--------------------------------------------------------- */
ul.lineemojishop{
	margin-top:0px;
	width:100%;
	}
ul.lineemojishop li{
	line-height:1.3em;
	color:#3c3c3c;
	font-weight:normal;
	padding:10px 5px 30px 5px;
	text-align:center;
	width:160px;
	height:150px;
	float:left;
	}
ul.lineemojishop li p{
	font-size:13px;
	line-height:1.4em;
	width:120px;
	margin:0 auto;
	padding-top:10px;

	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	}
ul.lineemojishop li a{
	font-size:13px;
	margin-top:0px;
	padding-top:0px;
	line-height:1.3em;
	}
ul.lineemojishop li a:hover{
	text-decoration: underline;
	}
ul.lineemojishop li img{
	margin:0 auto;
	width:120px;
	}








/* 制作実績
--------------------------------------------------------- */
ul.portfolio{
	margin-top:0px;
	width:100%;
	}
ul.portfolio li{
	line-height:1.3em;
	color:#3c3c3c;
	font-weight:normal;
	text-align:center;
	width:365px;
	height:340px;
	float:left;
	margin:10px 15px 30px 5px;
	}
.portfolioBox{
	border-bottom: 1px solid #dedede;
	background-color:#f2f2f2;
	padding:20px;
	height:290px;
	}
ul.portfolio li h3{
	font-size:15px;
	line-height:1.6em;
	padding-top:10px;
	padding-left:10px;
	text-align:left;
	}
ul.portfolio li p{
	font-size:12px;
	line-height:1.6em;
	padding-top:10px;
	padding-left:10px;
	text-align:left;
	}
ul.portfolio li a{
	font-size:13px;
	margin-top:0px;
	line-height:1.3em;
	}
ul.portfolio li a:hover{
	text-decoration: underline;
	}
ul.portfolio li .portfolioBox img{
	width:100%;
	}


/* filter
--------------------------------------------------------- */
#filter{margin-bottom:20px; position: relative;}
#filter h3{color:#3c3c3c; font-size:20px; font-weight:bold; margin-bottom:20px; }
#filter p{display:block; font-size:16px; line-height:1.8em; margin-bottom:20px;}
#filter a{display:inline-block; margin-right:10px; width:180px; height:80px; line-height:80px; border: 1px solid #cccccc; text-align:center; font-size:18px; background-color:#ffffff; transition: all 250ms ease-out; margin-bottom:10px;}
#filter a:link { text-decoration:none; color: #565656;}
#filter a:visited { text-decoration:none; color: #565656;}
#filter a:active { text-decoration:none; color: #565656;}
#filter a:hover { text-decoration:none; color: #3c3c3c;}
#filter .active { color: #ffffff; background-color:#f3d924;}
#filter a.active:link { text-decoration:none; color: #ffffff;}
#filter a.active:visited { text-decoration:none; color: #ffffff;}
#filter a.active:active { text-decoration:none; color: #ffffff;}
#filter a.active:hover { text-decoration:none; color: #ffffff;}

.lineLang-jpList,.lineLang-enList,.lineLang-cnList,.lineLang-trList{display:none;}
.lineSaleNumber{position: absolute; top: 0px; right: 0px; font-size:18px;}
.lineSaleNumber span{font-size:24px;}
#filtertxt{padding:10px 0 15px 0; }

#filter2{margin-bottom:20px; position: relative;}
#filter2 h3{color:#3c3c3c; font-size:20px; font-weight:bold; margin-bottom:10px; }


/* mainvisual */
.multiple-items{position: relative;}
.theater_youjo_bg00 { position:absolute; right:50px; bottom:0px; width: 42px; animation:theater_youjo_bg00 4.5s linear infinite; -webkit-animation:theater_youjo_bg00 4.5s linear infinite; -moz-animation:theater_youjo_bg00 4.5s linear infinite; z-index:2; }
@keyframes theater_youjo_bg00 {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}

.theater_youjo_bg01 { position:absolute; left:0px; top:0px; width: 53px; animation:theater_youjo_bg01 1.2s 1 forwards; -webkit-animation:theater_youjo_bg01 1.2s 1 forwards; -moz-animation:theater_youjo_bg01 8.5s linear infinite; z-index:2; }
@keyframes theater_youjo_bg01 {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}



.theater_youjo00 { position:absolute; left:0px; bottom:0px; width: 355px; animation:theater_youjo00 2.2s 1 forwards; -webkit-animation:theater_youjo00 2.2s 1 forwards; -moz-animation:theater_youjo00 2.2s 1 forwards; opacity:0; z-index:20; }
@keyframes theater_youjo00 {
 0%   { transform:translate(-50%, -10%);  opacity:3;}
 10%   { opacity:0.3;}
 40% { opacity:1;}
 100% { transform:translate(0%, 0%); opacity:1;}
}

.theater_youjo01 { position:absolute; right:0px; bottom:0px; width: 450px; animation: theater_youjo01 3s ease 1.3s 1 forwards; opacity:0; z-index:20; }
@keyframes theater_youjo01 {
  0% { transform:translateY(0); opacity:0; }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-150px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-40px) }
  50% { transform:translateY(0px); opacity:0.8; }
  60% { transform:translateY(0px); opacity:1; }
  70% { transform:translateY(0px) }
  100% { transform:translateY(0); opacity:1;}
}

.theater_youjo11 { position:absolute; left:0px; bottom:0px; width: 920px; animation:theater_youjo11 0.8s 1 forwards; -webkit-animation:theater_youjo11 0.8s 1 forwards; -moz-animation:theater_youjo11 0.8s 1 forwards; opacity:0; }

@keyframes theater_youjo11 {
 0%   { transform:translate(0%, 50%);  opacity:0;}
 40% { opacity:1;}
 100% { transform:translate(0%, 0%); opacity:1;}
}

.theater_youjo12 { position:absolute; left:400px; bottom:0px; width: 310px; z-index:9; animation:theater_youjo12 1s ease 0.4s 1 forwards; -webkit-animation:theater_youjo12 1s ease 0.4s 1 forwards; -moz-animation:theater_youjo12 1s ease 0.4s 1 forwards; opacity:0; z-index:20; }

@keyframes theater_youjo12 {
 0%   { transform:translate(10%, -10%);  opacity:0;}
 40% { opacity:1;}
 100% { transform:translate(0%, 0%); opacity:1;}
}


.theater_youjo13 { position:absolute; left:230px; bottom:0px; width: 321px; z-index:8; animation:theater_youjo13 1s ease 1.1s 1 forwards; -webkit-animation:theater_youjo13 1s ease 1.1s 1 forwards; -moz-animation:theater_youjo13 1s ease 1.1s 1 forwards; opacity:0; z-index:20; }

@keyframes theater_youjo13 {
 0%   { transform:translate(20%, -10%);  opacity:0;}
 40% { opacity:1;}
 100% { transform:translate(0%, 0%); opacity:1;}
}


.theater_youjo14 { position:absolute; left:500px; bottom:0px; width: 329px; animation:theater_youjo14 1s ease 0.8s 1 forwards; -webkit-animation:theater_youjo14 1s ease 0.8s 1 forwards; -moz-animation:theater_youjo14 1s ease 0.8s 1 forwards; opacity:0; z-index:20; }

@keyframes theater_youjo14 {
 0%   { transform:translate(10%, 10%);  opacity:0;}
 40% { opacity:1;}
 100% { transform:translate(0%, 0%); opacity:1;}
}


/* Character
--------------------------------------------------------- */
.CharaBox{ margin-bottom:20px; background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/char_detail_main_bg.png') no-repeat center right;  position: relative; height:935px; }
.CharaImg{ margin-right:10px; position: absolute; left:10px; top:10px; }

.CharaDetailsCatch{ position:absolute; right:0px; top:550px; color:#62a6bb; font-weight:bold; font-size:32px; font-family: 'rounded-bold',-apple-system, blinkMacSystemFont,'Helvetica Neue', 'Segoe UI',YuGothicM, YuGothic,Meiryo,sans-serif; text-shadow: 2px 2px 0 #ffffff, -2px 2px 0 #ffffff, 2px -2px 0 #ffffff, -2px -2px 0 #ffffff; z-index:10; text-align:left; width:500px; line-height:1.6em; }

.CharaImg .CharaImgDetail{ width:680px; height:935px; }
.CharaProfile{ font-size:16px; line-height:1.8em; width:560px; height:500px; position:absolute; right:0px; top:100px; font-family: 'rounded-bold',-apple-system, blinkMacSystemFont,'Helvetica Neue', 'Segoe UI',YuGothicM, YuGothic,Meiryo,sans-serif; }

.CharaNameWp{ background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/char_detail_name_bg.png') no-repeat top left; height:150px; -moz-background-size:contain; -webkit-background-size:contain; -o-background-size:contain; -ms-background-size:contain; position: relative; }
.CharaNamefuri{ color:#55a0b7; font-size:16px; font-weight:bold; width:460px; text-align:center; padding-top:20px; }
.CharaName{ color:#55a0b7; font-size:46px; font-weight:bold; width:460px; text-align:center; padding-top:20px; }

.CharaProfilein{ background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/char_detail_text_bg.png') no-repeat top left; position:absolute; left:0px; top:180px; height:500px; width:500px; }
.CharaProfileinBox{ margin:35px 80px 0px 40px; }

.CharaIntroduction{ color:#e95b5a; font-size:14px; line-height:1.6em; margin:0px 50px 14px 50px; min-height:66px; }
.CharaDetails{ margin-left:140px; }
.CharaDetails dl{ display:block; margin-bottom:5px; }
.CharaDetails dt{ display:none; }
.CharaDetails dd{ color:#62a6bb; font-weight:bold; font-size:20px; line-height:1.6em; }


.CharaAppearedB{ padding:10px 8px 0px 8px; background: #fff8ed; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33); border-radius:10px; margin-bottom:30px; }
.CharaAppearedBox{ width:50%; float:left;}
.CharaAppeared{ font-size:16px; line-height:1.8em; padding:10px; }
.CharaAppeared h3{ font-size:16px; color:#ffffff; font-weight:bold; background: #ff9794; padding:10px; border-radius:15px; text-align:center; }
.CharaAppeared ul { width:100%; margin-top:5px; padding:10px 0; background-image: linear-gradient(180deg, rgba(204, 204, 204, 0) 0%, rgba(204, 204, 204, 0) 98.5%, #e75251 100%);  background-repeat: repeat-y; background-size: 100% 2.6em;  line-height: 1.3; font-size:15px; }
.CharaAppeared ul li{ color: #565656; padding-left:20px; margin-bottom:1.3em; }


/* Characterlist
--------------------------------------------------------- */
.slideList { width:1060px; margin:0 auto; }
.slideList li{ font-size:0px; text-align:center; width:145px; min-height:200px; margin:5px 0 0px 0; float:left; }
.slideList li img{ border-radius: 50%; width:110px; height:auto; border:8px solid #ffffff;border-radius:130px; margin:0 auto; }
.slideList li.isCurrent img{ width:130px; border-color:#f2f2f2; margin-top:-5px; }
.slideList li a:hover img{ width:130px; border-color:#f2f2f2; margin-top:-5px; }
.slideThumb{ display:block; height:140px;}
.slideCaption{ display:block; padding-top:5px; font-size:14px; line-height:1.3em; }
.slideList li.isCurrent .slideCaption { padding-top:10px; font-size:15px; font-weight:bold; color:#f3d924; }
.slideList li a:hover .slideCaption { padding-top:10px; font-size:15px; font-weight:bold; color:#f3d924; }

#slick_containerList { width:1000px; margin:0 auto; position:relative; }



/* Character
--------------------------------------------------------- */
.slide{ opacity: 0;  transition: opacity .1s linear;  height:160px; }
.slide.slick-initialized{ opacity: 1; }
.slide { width:920px; margin:0 auto; }
.slide li{ float:left; font-size:0px; text-align:center; width:145px; margin:5px 0 30px 0; }
.slide li img{ border-radius: 50%; width:110px; height:auto; border:8px solid #ffffff;border-radius:130px; margin:0 auto; }
.slide li.isCurrent img{ width:130px; border-color:#f2f2f2; margin-top:-5px; }
.slide li a:hover img{ width:130px; border-color:#f2f2f2; margin-top:-5px; }

.slide li.isCurrent .slideCaption { padding-top:10px; font-size:15px; font-weight:bold; color:#f3d924; }
.slide li a:hover .slideCaption { padding-top:10px; font-size:15px; font-weight:bold; color:#f3d924; }

#slick_container { width:1000px; margin:0 auto; position:relative; }
.slick-prev, .slick-next {width:40px; height:50px; overflow:hidden; }
.slick-prev{ background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/slide_navi.png'); background-repeat: no-repeat; background-position:left top; }
.slick-prev:hover{ background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/slide_navi.png'); background-repeat: no-repeat; background-position:left -50px; }
.slick-next{ background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/slide_navi.png') no-repeat top right; }
.slick-next:hover{ background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/slide_navi.png') no-repeat right -50px; }

.slick-prev:before, .slick-next:before {content:"";}
button.slick-prev, button.slick-next {z-index:2;}
.slick-prev{top:70px; left:0px;}
.slick-next{top:70px; right:0px;}
.slick-arrow{z-index:10;}

/* goodspage
--------------------------------------------------------- */
#goodspage{ padding:0px 0px 20px 0px; min-height:500px; }
#goodspageContents{ padding:20px 0px 20px 15px; font-size:16px; line-height:1.8em; min-height:1800px; word-wrap: break-word; overflow-wrap: break-word; }
#goodspageContents h2{ font-size:18px; font-weight:bold; }


/* News */
#goodspageNews{margin-right:15px; margin-bottom:20px; border: 2px solid #ce1515; font-size:0px;}
.goodspageNewsLeft{width:130px; height:110px; background-color:#ce1515; float:left;}
h2#goodspageNewsLeftTitle{ display:block; font-size:13px; color:#ffffff; line-height:110px; text-align:center; }
.goodspageNewsRight{float:left; width:740px; font-size:0px;}
.goodspageNewsRight ul li{ font-size:13px; line-height:1.8em; padding:20px 0px 0px 20px; }


.goodspageContentsNews{ border: 1px solid #cccccc; margin:0 15px 20px 0; padding:10px; }
.goodspageContentsNews h2{ padding-bottom:5px; margin-bottom:5px; border-bottom: dotted 1px #cccccc; }



.goodspageContentsNews ul{ height:200px; overflow: auto; }
.goodspageContentsNews ul li{ font-size:13px; line-height:2.3em; }
a.news_title{ font-size:13px;}
.news_date{ font-size:14px; margin-right:10px; }
a.news_title{ color:#1e4ea6; border-bottom:1px solid #1e4ea6; }
a.news_title:hover{ border-bottom:0px solid #000099; }

.goodslist{ margin-top:10px; margin-bottom:20px; }

.goodslist ul li a{
	display:block;
	width:180px;
	height:350px;
	float:left;
	border: 1px solid #cccccc;
	border-radius: 10px;
	position: relative;
	padding-top:15px;
	padding-right:15px;
	padding-left:15px;
	margin-right:10px;
	margin-bottom:10px;
	}
.goodslist ul li a:hover{
	background:#cccccc;
	}

.goodslist ul li a .goodslistpic{
	display:block;
	overflow: hidden;
	width: 180px;/* トリミングしたい枠の幅 */
	height: 200px;/* トリミングしたい枠の高さ */
	position: relative;
	}
.goodslist ul li a .goodslistpic img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
	}


.goodslist2 ul li a{
	display:block;
	width:auto;
	height:auto;
	float:none;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	position: relative;
	margin-right:10px;
	padding-bottom:20px;
	padding-right:15px;
	}
.goodslist2 ul li a .goodslistpic2{
	display:block;
	width: 300px;/* トリミングしたい枠の幅 */
	height: auto;/* トリミングしたい枠の高さ */

	padding-top:15px;
	padding-right:15px;
	padding-left:15px;
	}
.goodslist2 ul li a .goodslistpic2 img{
	float:left;
	position:static ;
	display:inline-block;
	width: 300px;
	height: auto;
	padding-right:15px;
	}

.goodslist ul li a .goodslistlabel{
	position: absolute;
	bottom:10px;
	left:0px;
	}

.goodslist ul li a h3{
	margin:0 0 5px 10px;
	font-size:14px;
	line-height:1.6em;
	}
.goodslist ul li a p{
	font-size:13px;
	margin:0 10px;
	}
.goodslist ul li a p span{
	font-size:16px;
	}

.goodsstatus{ display:block; font-size:0px; text-align:center; margin-top:8px; }
.goodsstatus00{ display:inline-block; background-color:#f7637a; color:#ffffff; font-size:12px; padding:0px 8px; margin:0 5px; }
.goodsstatus01{ display:inline-block; background-color:#f3d924; color:#ffffff; font-size:12px; padding:0px 8px; margin:0 5px;  }
.goodsstatus02{ display:inline-block; background-color:#0a56a8; color:#ffffff; font-size:12px; padding:0px 8px; margin:0 5px;  }
.goodsstatus04{ display:inline-block; background-color:#565656; color:#ffffff; font-size:12px; padding:0px 8px; margin:0 5px;  }




/* Single
--------------------------------------------------------- */
#blogentrySingle{ padding:0px 0px 20px 0px; min-height:500px; }
.blogmeta{ padding:20px 20px 0 20px; }
.blogmetaTime{ float:right; color:#657786; }
.blogCategory{ float:left; width:500px; text-align:left; font-size:14px; font-weight:bold; color:#657786; }
.blogCategory a{display:inline-block; padding:10px 15px; font-size:12px;letter-spacing:.08em;line-height:1;color:#657786; border-radius:20px;border:1px solid #657786;}
.blogCategory a:hover{ color:#333333; border:1px solid #333333; transition-property: all;transition: 0.1s linear; }



.blogCategoryTitle{font-size:12px; font-weight:bold; color:#657786; margin-right:5px; }


.single_mainimg{ background-color: #ffffff; padding:30px 70px 30px 70px; text-align:center; }
.single_mainimg img{ width:100%; }

#blogentrySingleContents{ padding:20px 20px 20px 20px; font-size:16px; line-height:1.8em; min-height:400px; word-wrap: break-word; overflow-wrap: break-word; }

#blogentrySingleContents h2{ font-size:16px; font-weight:bold; background-color: #f2f2f2; border-bottom:1px solid #dedede; padding:20px; margin-bottom:20px; }

#blogentrySingleContents h6{ font-size:16px; font-weight:bold; margin-bottom:20px; border-bottom: 2px solid #565656; border-left: 5px solid #565656; padding-left:10px; }
#blogentrySingleContents p{ margin-bottom:20px; }
#blogentrySingleContents p a{ color:#1e4ea6; border-bottom:1px solid #1e4ea6; }
#blogentrySingleContents p a:hover{ border-bottom:0px solid #000099; }
#blogentrySingleContents p img{ max-width:100%; }
#blogentrySingleContents p strong{ font-weight:bold; }
img.alignleft{
	float:left;
	margin-top:0em;
	margin-bottom:2em;
	margin-right:10px;
	}
img.alignright{
	float:right;
	margin-top:0em;
	margin-bottom:0em;
	}
img.alignnone{
	max-width:100%;
	height:auto;
	}
img.aligncenter{
	display:block;
	margin-bottom:30px;
	}
img.alignnoneoff{
	margin-top:1em;
	margin-bottom:0em;
	}

.goodsCart{ display:inline-block; border: 1px solid #333; margin:10px 0px;
background-image:-moz-linear-gradient(
    top,
    #e60012 0%,
    #c7282b);
    background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#f3d924),
    to(#c7282b));
    border-radius: 4px;        /* CSS3草案 */
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;   /* Firefox用 */
	}

.goodsCart a{ color:#ffffff; display:inline-block; background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/btn_cart.svg') no-repeat; background-position: 20px center; background-size: 15px; padding:4px 30px 6px 45px; text-decoration: none; border-bottom: 0px solid #333333; font-size:13px; }
.goodsCart:hover{
background-image:-moz-linear-gradient(
    top,
    #e60012 0%,
    #993233);
    background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#f3d924),
    to(#993233));
    border-radius: 4px;        /* CSS3草案 */
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;   /* Firefox用 */
	}


#share{ margin:50px 0px 50px 0px; }
#share ul li.twitter a{ height:auto; width:auto; color:#333333; }

#share ul li.twitter a:hover{ color: #333333; opacity: 1; }
.button-twitter {
  font-size:14px;
  display:block;
  background-color: #f3d924;
  height:100px;
  position: relative;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  padding:20px 0px;
}
.button-twitter::after {
	position: absolute;
	top: 45%;
	right: 3%;
	content: '';
	width: 5px;
	height: 5px;
	border-top: 2px solid #333333;
	border-right: 2px solid #333333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.button-twitter:hover::after {
	right: 2%;
	transition-property: all;transition: 0.1s linear;
}




.listimg h3{
	font-size:18px;
	font-weight:bold;
	margin:30px 0;
	}
.listimgContents{
	width:560px;
	margin:0 auto;
	line-height:0px;
	}
.listimgContents p{
	line-height:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	}
.listimgContents img{
	width:100%;
	border:5px solid #e0e0e0;
	}


/* Sidebar
--------------------------------------------------------- */
.side_ad0 img{ width:100%; }
.side_ad1{ margin:20px 20px; }
.side_ad1 img{ width:100%; }
.side_ad1 a {display:block; width: 100%; height: auto; overflow: hidden;}
.side_ad1 a { position: relative; z-index: 3; }
.side_ad1 a::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
	}
.side_ad1 a:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
	}

/* Breadcrumbs
--------------------------------------------------------- */
	#crumbs{ margin-top:25px; }
	#crumbs .crumbshome{ display:inline-block; font-weight:bold; font-size:14px;  }
	#crumbs .crumbshome a{ padding-bottom:3px; }
	#crumbs .crumbshome a:hover{ border-bottom: solid 2px #565656; }
	#crumbs ul { display:inline-block; padding:0; margin:0; list-style: none; }
	#crumbs ul li{
	display: inline-block;
	position: relative;
	margin-left:25px;
	}
	#crumbs ul li:first-child:before{}
	#crumbs ul li:after{
	display: block; content: ""; width: 3px; height: 3px; margin: -3px 0 0 0; border-top: solid 2px #565656; border-right: solid 2px #565656; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; left: -15px;
	}
	#crumbs ul li a{ font-weight:bold; padding-bottom:3px; font-size:14px; }
	#crumbs ul li a:hover{ border-bottom: solid 2px #565656; }

	#crumbs ul li:last-child:after{
	  content: '';
	}
	#crumbs ul li h1{
	display: inline-block;
 	width:500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding:0;
	margin:0;
	}
	#crumbs ul li h1 a{
	font-weight:normal;
	pointer-events:none;
	padding:0;
	margin:0;
	}



/* Goods template2 */
.wrapMainImg {
	width:100%;
	background:#ffffff;
	margin:0 auto;
	display:table;
}

.wrapMainImg p{
	font-size:14px;
	}

.wrapMainImgL {
	width:410px;
	height:auto;
	display:table-cell;
}
.wrapMainImgL img{
	max-width:100%;
	}
.MainPhoto2{
	margin-top:210px;
}
.wrapMainImgR{
	padding-left:44px;
	width:435px;
	display:table-cell;
	vertical-align: top;
}
.wrapMainImgR ul {
	width:435px;
	overflow:hidden;
	clear:both;
}
.wrapMainImgR ul li {
	display:block;
	float:left;
	background:#fff;
	margin-right:5px;
	margin-bottom:16px;
}
.wrapMainImgR ul li img {
	cursor:pointer;
}

table.wrapMainImgtable {width:100%; margin-bottom:40px;}
table.wrapMainImgtable tr td {padding:5px 10px; font-size:14px;}
table.wrapMainImgtable tr {background: #ffffff;}
table.wrapMainImgtable tr:nth-child(odd) td {background: #eeeeee;}


ul.wrapMainImgCart{
	display:table;
	}
ul.wrapMainImgCart li{
	display:table-cell;
}
ul.wrapMainImgCart li.wrapMainImgCartLi2 {
	margin-left:50px;
}



/* mobile */

@media screen and (max-width: 768px) {
body{color:#5e5e5e;min-width:100%;font-size:87.5%;font-family: -apple-system, blinkMacSystemFont,'Helvetica Neue', 'Segoe UI',YuGothicM, YuGothic,Meiryo,sans-serif;line-height:1.6;}

/* common
--------------------------------------------------------- */
.outline1260{width:auto;margin:0 auto;}
.outline1160{width:auto;margin:0 auto;}
.outline860{width:auto;margin:0 auto;}
.border_radius10 { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

/* body
--------------------------------------------------------- */
body{color:#3c3c3c;font-size:14px;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:0;max-width:100vw;overflow-x:hidden;overflow-y: scroll; counter-reset:step;}
body{min-width:auto; counter-reset:count-number; }
body a{color:inherit;text-decoration:none;}
/* header
--------------------------------------------------------- */
#header{ padding:13px 0px; position: static; }
#header h2 a{ display:block; width:150px; height:40px; margin-left:10px; background:url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20325.98%20155.91%22%20style%3D%22enable-background%3Anew%200%200%20325.98%20155.91%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23F3D924%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M103.08%2C8.1v88.22c0%2C3.86-3.13%2C6.98-6.98%2C6.98H7.53c-6.22%2C0-9.34-7.52-4.94-11.92L91.16%2C3.16%20C95.56-1.24%2C103.08%2C1.88%2C103.08%2C8.1z%22%2F%3E%20%3Cellipse%20transform%3D%22matrix(0.2342%20-0.9722%200.9722%200.2342%2072.9915%20197.0688)%22%20class%3D%22st0%22%20cx%3D%22161.59%22%20cy%3D%2252.2%22%20rx%3D%2244.8%22%20ry%3D%2244.8%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M270.98%2C103.3c2.24%2C0%2C4.71-2.29%2C7.92-5.07c34.18-29.64%2C46.56-51.75%2C46.56-71.29c0-23.5-30.51-37-47.23-13.12%20c-3.33%2C4.76-4.42%2C7.19-7.25%2C7.24h-0.16c-2.83-0.05-3.91-2.48-7.25-7.24c-16.72-23.89-47.23-10.38-47.23%2C13.12%20c0%2C19.95%2C12.38%2C41.65%2C46.56%2C71.29c3.21%2C2.78%2C5.67%2C5.07%2C7.92%2C5.07H270.98z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M86.42%2C121.45H75.98c-2.26%2C0-4.09%2C1.83-4.09%2C4.09c0%2C2.26%2C1.83%2C4.09%2C4.09%2C4.09h6.35v10.1%20c0%2C3.5-2.85%2C6.35-6.35%2C6.35c-3.5%2C0-6.35-2.85-6.35-6.35c0-2.26-1.83-4.09-4.09-4.09c-2.26%2C0-4.09%2C1.83-4.09%2C4.09%20c0%2C8.02%2C6.52%2C14.54%2C14.54%2C14.54c8.01%2C0%2C14.53-6.52%2C14.53-14.54v-14.19C90.51%2C123.28%2C88.68%2C121.45%2C86.42%2C121.45z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M191.88%2C121.45c-2.26%2C0-4.09%2C1.83-4.09%2C4.09v10.44v2.87l-13.26-15.93c-1.1-1.33-2.92-1.82-4.54-1.23%20c-1.62%2C0.59-2.7%2C2.13-2.7%2C3.85v10.44v3.75v10.44c0%2C2.26%2C1.83%2C4.09%2C4.09%2C4.09c2.26%2C0%2C4.09-1.83%2C4.09-4.09v-10.44v-2.87l13.26%2C15.93%20c0.79%2C0.96%2C1.95%2C1.48%2C3.15%2C1.48c0.47%2C0%2C0.94-0.08%2C1.39-0.24c1.62-0.59%2C2.7-2.13%2C2.7-3.85v-10.44v-3.75v-10.44%20C195.97%2C123.28%2C194.14%2C121.45%2C191.88%2C121.45z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M230.66%2C125.55c0-2.26-1.83-4.09-4.09-4.09h-10.44c-8.02%2C0-14.54%2C6.52-14.54%2C14.53v3.75%20c0%2C8.02%2C6.52%2C14.54%2C14.54%2C14.54h10.44c2.26%2C0%2C4.09-1.83%2C4.09-4.09c0-2.26-1.83-4.09-4.09-4.09h-10.44c-3.5%2C0-6.35-2.85-6.35-6.35%20v-3.75c0-3.5%2C2.85-6.35%2C6.35-6.35h10.44C228.82%2C129.64%2C230.66%2C127.81%2C230.66%2C125.55z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M223.65%2C133.77h-6.01c-2.26%2C0-4.09%2C1.84-4.09%2C4.09c0%2C2.26%2C1.83%2C4.09%2C4.09%2C4.09h6.01%20c2.26%2C0%2C4.09-1.83%2C4.09-4.09C227.74%2C135.6%2C225.91%2C133.77%2C223.65%2C133.77z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M263.28%2C121.45h-22.91c-2.26%2C0-4.09%2C1.83-4.09%2C4.09c0%2C2.26%2C1.83%2C4.09%2C4.09%2C4.09h7.36v20.54%20c0%2C2.26%2C1.83%2C4.09%2C4.09%2C4.09c2.26%2C0%2C4.09-1.83%2C4.09-4.09v-20.54h7.36c2.26%2C0%2C4.09-1.83%2C4.09-4.09%20C267.37%2C123.28%2C265.54%2C121.45%2C263.28%2C121.45z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M111.11%2C120.92c-8.26%2C0-14.98%2C6.72-14.98%2C14.98v3.91c0%2C8.26%2C6.72%2C14.98%2C14.98%2C14.98%20c8.26%2C0%2C14.98-6.72%2C14.98-14.98v-3.91C126.09%2C127.64%2C119.37%2C120.92%2C111.11%2C120.92z%20M117.9%2C139.82c0%2C3.75-3.05%2C6.8-6.8%2C6.8%20c-3.75%2C0-6.8-3.05-6.8-6.8v-3.91c0-3.75%2C3.05-6.8%2C6.8-6.8c3.75%2C0%2C6.8%2C3.05%2C6.8%2C6.8V139.82z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M157.58%2C121.45c-2.26%2C0-4.09%2C1.83-4.09%2C4.09v5.28c0%2C3.61-2.83%2C6.57-6.39%2C6.78c-0.13-0.01-0.68-0.01-0.81%2C0%20c-3.56-0.21-6.39-3.16-6.39-6.78v-5.28c0-2.26-1.83-4.09-4.09-4.09c-2.26%2C0-4.09%2C1.83-4.09%2C4.09v5.28%20c0%2C6.84%2C4.61%2C12.61%2C10.89%2C14.4v4.96c0%2C2.26%2C1.83%2C4.09%2C4.09%2C4.09c2.26%2C0%2C4.09-1.83%2C4.09-4.09v-4.96%20c6.28-1.79%2C10.89-7.56%2C10.89-14.4v-5.28C161.67%2C123.28%2C159.84%2C121.45%2C157.58%2C121.45z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-size:contain; vertical-align:middle; background-repeat:no-repeat; }
#header h2 a span{ display:none; }




#gnav ul { position: static; top: 0px; right: 0px;

  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 20px;
  margin-left: 5px;
  margin-right: 5px;
 }

#gnav ul li {float:none; margin-left:0px; text-align:center; font-size:11px; font-weight:bold; 
  flex: 1;}
#gnav ul li a {	position: static; display: inline-block; transition: transform 0.3s;transform-origin: 50% 0; transform-style: flat; transition-duration:0.12s; }
#gnav ul li a:hover{ border-color: #f3d924; font-weight:bold;}
#gnav ul li a::before {font-size:13px; color: #f3d924; position: static; top: 100%; left: 0; width: 100%; height: 100%; content: normal; transform: none; transform-origin: 50% 0;}
#gnav ul li:hover a{transform: none;}
#gnav ul li.home{ display:none; }

#gnav ul li.service img{ display:block; margin:0 auto; width:30px; padding-bottom:2px; }
#gnav ul li.portfolio img{ display:block; margin:0 auto; padding-top:5px; padding-bottom:5px; width:35px; }
#gnav ul li.news img{ display:block; margin:0 auto; width:30px; padding-top:2px;padding-bottom:5px; }
#gnav ul li.web img{ display:block; margin:0 auto; width:50px; padding-top:2px;padding-bottom:5px; }

#gnav ul li.contact{ float:none; position:absolute; top:0px; right:0px; font-size:0px; line-height:0px; width:auto; }
#gnav ul li.contact a{ display:block; width:100px; background-color:#aa9977; }
#gnav ul li.contact span.viewMobile{ display:block; padding:12px 5px 12px 35px; font-size:10px; color:#ffffff; line-height:1.4em; background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/btn_cart.svg') no-repeat; background-position: 10px center; background-size: 20px; text-align:center; }
#gnav ul li.contact span.viewPC{display:none;}







#topsection05id h2{
	font-size:18px;
	}









/* IE10〜11 Edge12〜14
--------------------------------------------------------- */
/* IE10〜11 */
_:-ms-input-placeholder, :root #gnav ul li a:hover{ color: #f3d924;}
_:-ms-input-placeholder, :root #gnav ul li:hover a{transform: rotateX(0deg) translateY(0px);}

/* Edge12〜14 */
@supports (-ms-ime-align: auto) and (not (-webkit-text-stroke: initial)) {
	#gnav ul li:hover a{transform: rotateX(0deg) translateY(0px);}
    #gnav ul li a:hover{ color: #f3d924;}
}

/* contents
--------------------------------------------------------- */
/* #mainimage{background-color:#dcedef; border-bottom: 1px solid #dcedef; margin-bottom:5px;} */
#mainimage{background-color:#ffffff; border-bottom: 1px solid #dcedef; margin-bottom:5px;}
#mainimage img{ width:100%; margin:0px 0px;}
#mainimage_products{background-color:#f3d924; border-top: 1px solid #dedede; }
#mainimage_products img{ width:100%; margin:0px 0px;}






/* pr img
--------------------------------------------------------- */
.column div {position: static;}
.column div span {
	position: static;
	bottom: 0px;
	left: 0;
	z-index: 1;
	display: none;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	}
.pr-items a {display:none; width: auto; height: auto; overflow: visible;}

.pr_step1 img,.pr_step2 img,.pr_step3 img,.pr_step4 img{ width:100%;}
.pr_step1 span img,.pr_step2 span img,.pr_step3 span img,.pr_step4 span img{ width:auto; display:none; }


.pr_step1 a {display:block; margin:0px 2px 5px 5px; height: auto; overflow: hidden;}
.pr_step2 a {display:block; margin:0px 5px 5px 2px; height: auto; overflow: hidden;}
.pr_step3 a {display:block; margin:0px 5px 5px 2px; height: auto; overflow: hidden;}
.pr_step4 a {display:block; margin:0px 5px 5px 2px; height: auto; overflow: hidden;}

.pr_step1 a img,.pr_step2 a img,.pr_step3 a img,.pr_step4 a img{ width:100%; }
.pr_step1{ width:50%; float:left; margin:0px 0px 0px 0px; }
.pr_step2{ width:50%; float:left; margin:0px 0px; }
.pr_step3{ width:50%; float:left; margin:0px 0px; }
.pr_step4{ width:50%; float:left; margin:0px 0px; }



.pr_step1a img,.pr_step2a img,.pr_step3a img,.pr_step4a img{ width:100%;}
.pr_step1a span img,.pr_step2a span img,.pr_step3a span img,.pr_step4a span img{ width:auto; display:none; }
.pr_step1a{ width:50%; float:left; margin:0px 0px 0px 0px; }
.pr_step2a{ width:50%; float:left; margin:0px 0px; }
.pr_step3a{ width:50%; float:left; margin:0px 0px; }
.pr_step4a{ width:50%; float:left; margin:0px 0px; }

.pr_step1a a {display:block; margin:0px 2px 5px 5px; height: auto; overflow: hidden;}
.pr_step2a a {display:block; margin:0px 5px 5px 2px; height: auto; overflow: hidden;}
.pr_step3a a {display:block; margin:0px 5px 5px 2px; height: auto; overflow: hidden;}
.pr_step4a a {display:block; margin:0px 5px 5px 2px; height: auto; overflow: hidden;}



/* layout
--------------------------------------------------------- */
#aindex{background-color:#f2f2f2; }
#main{background-color:#ffffff;width:auto;overflow: hidden;}
#mainSingle{background-color:#ffffff;width:auto;overflow: hidden; margin:0px 0px 0px 0;}
#mainleft{float:none; width:auto;}
#mainleftin{border-right:0px solid #f2f2f2;}
#mainright{float:none; width:auto; }

#mainleft2{float:none; width:auto;}
#mainleft2in{border-left:0px solid #f2f2f2;}
#mainright2{float:none; width:auto; }


/* layout
--------------------------------------------------------- */
#apublic{background-color:none; }
#Pmain{background-color:none;width:auto;overflow: hidden; }

/* products
--------------------------------------------------------- */
#Pblogentry{padding:50px 10px 50px 10px; height:auto; line-height:1.5em;}
#Pblogentry h2{ color:#333333; font-size:22px; font-weight:bold; text-align:center; position: static; width:auto; white-space: normal; overflow: hidden;  text-overflow: ellipsis; -o-text-overflow: ellipsis; line-height:1.5em; }
#Pblogentry h2 span{display:block; font-size:14px; font-weight:normal; line-height:1.8em; position: static; left:180px; top:35px; margin-top:30px;}
#Pblogentry h2 span br{ display: none; }
#PblogentryOther{padding:50px 10px 50px 10px; height:auto; line-height:1.5em;}
#PblogentryOther h2{ color:#333333; font-size:22px; font-weight:bold; text-align:center; position: static; width:auto; white-space: normal; overflow: hidden;  text-overflow: ellipsis; -o-text-overflow: ellipsis; line-height:1.5em; }
#PblogentryOther h2 span{display:block; font-size:14px; font-weight:normal; line-height:1.8em; position: static; left:180px; top:35px; margin-top:30px;}
#PblogentryOther h2 span br{ display: none; }



/* products Content
--------------------------------------------------------- */
#Pblogentrycontent{padding:30px 10px 10px 10px; padding-bottom:0px; min-height:auto; background-color: #ffffff; }
#PblogentrycontentCharain{padding:30px 0px 10px 0px; padding-bottom:0px; min-height:auto;}
#PblogentrycontentChara{background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/char-detail_bg.png'); background-size:auto; background-position: top center; background-repeat: repeat-y; background-color: #ffffff; }
#PblogentrycontentEx{padding-top:30px;padding-bottom:0px; background-color: #ffffff;}
.entrycontent{width:100%; height:auto; border:0px solid #f2f2f2; margin-bottom:60px; position: relative;}
.entrycontent:before, .entrycontent:after {  content: ""; position: absolute; z-index: -2; transition: all 250ms ease-out;}
.entrycontent:before{ top: 0; left: 0; width: 100%; height: 100%;}
a:hover .entrycontent:before{ box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);}

.entrycontentin{padding:20px;}
.Pline{
    background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/none') #7a99c5 no-repeat bottom right;
    -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
         background-size: 100% auto;
}
.Plinekise{
    background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/none') #03ba0f no-repeat bottom right;
    -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
         background-size: 100% auto;
}
.Ppagepress{
    background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/none') #ed7864 no-repeat bottom right;
    -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
         background-size: 100% auto;
}
.Pgoods{
    background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/none') #009ee7 no-repeat bottom right;
    -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
         background-size: 100% auto;
}

.Pemoji{
    background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/none') #5c9ed5 no-repeat bottom right;
    -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
         background-size: 100% auto;
}
.Papp{
    background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/none') #9E96C8 no-repeat bottom right;
    -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
         background-size: 100% auto;
}







.ImgPline{position: static; top:10px; right:300px; text-align:center; }
.ImgPline img{width:auto; max-width:100%; margin:20px 0px; }

.ImgPlinekise{position: static; top:10px; right:270px; text-align:center; }
.ImgPlinekise img{width:auto; max-width:100%; margin:20px 0px; }

.ImgPemojo{position: static; top:10px; right:270px; text-align:center; }
.ImgPemojo img{width:auto; max-width:100%; margin:20px 0px; }


.ImgPpagepress{position: static; top:-30px; right:300px; text-align:center; }
.ImgPpagepress img{width:auto; max-width:100%; margin:20px 0px; }


.entrycontentin h3{font-size:30px; color:#ffffff; }
.entrycontentin h3 img{ max-width:100%; }
.entrycontentin p{font-size:16px; color:#ffffff; line-height:1.8em; margin-top:20px; padding-left:3px; }
.Plink{display:block; width:auto; height:100px; font-size:16px; color:#ffffff; position: relative; right:0px; top:0px; background-color:#273248; text-decoration: none; text-transform: uppercase; transform-style: flat; transition: all 250ms ease-out; }
a:hover .Plink{background-color:#565656;}

.Plink:before, .Plink:after {  content: ""; position: absolute; z-index: -2; transition: all 250ms ease-out;}
.Plink:before{ top: 0; left: 0; width: 100%; height: 100%;}
a:hover .Plink:before{ box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);}

.Plink_arrow{position: absolute; right:0px;top:45px;display:block;width:15px;height:15px;background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22492.96%22%20height%3D%22496.641%22%20viewBox%3D%220%200%20492.96%20496.641%22%3E%3Ccircle%20fill%3D%22%23ffffff%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20cx%3D%22246.917%22%20cy%3D%22249.549%22%20r%3D%22241.917%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23%22%20stroke%3D%22%23565656%22%20stroke-width%3D%2225%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M198.223%20170.208c-4.028-3.134-5.578-7.444-5.578-12.146%200-2.742.62-5.877%201.55-8.62%201.859-5.094%205.888-9.795%2010.536-9.795%201.859%200%204.028.783%205.888%202.35l113.725%2085.811c7.747%206.27%2011.776%2011.754%2011.776%2022.726%200%2010.58-4.029%2016.065-11.466%2021.551l-114.035%2086.985c-1.86%201.567-3.719%202.352-5.578%202.352-4.958%200-8.677-4.311-10.846-9.797-.93-2.742-1.55-5.877-1.55-8.619%200-4.702%201.55-9.012%205.578-12.147l108.148-80.715-108.148-79.936z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:contain;vertical-align:middle;}
.Plinktext{position: static; left:65px; top:32px; font-size:18px; text-align:center; padding-top:30px; }
.Plinktext span{display:block; font-size:12px; margin-top:10px;}


/* blog
--------------------------------------------------------- */

#blogentry3 ul{ width:100%; }
#blogentry3 ul li{ float:none; display:block; width:auto; margin-top:0px; margin-right:0px; padding:20px; }
#blogentry3 ul li img{ width:100%; }
#blogentry3 ul li h3{ font-size:16px; font-weight:bold; }
.bmeta3{ border-bottom:1px solid #f2f2f2; padding-bottom:5px; text-align:right; }
.btime3{font-size:11px; font-weight:normal;}





#blogentry{ padding:0px 5px 0px 5px; }
#blogentry h2{ font-size:22px; font-weight:bold; text-align:center; padding:30px 0px 20px 0px; }

#blogentry h2 span{display:block; margin-bottom:10px;}
#blogentry h2 span img{width:70px;transition: .5s;transform: rotateY( 0deg );}
#blogentry h2 span:hover img { transform: rotateY( 360deg );}
#blogentry ul{ width:100%;  }
#blogentry ul li{ display:block; float:left; font-size:14px; font-weight:bold; line-height:1.6em; margin:0px; border-bottom:1px solid #f2f2f2;-webkit-transition: all 0.2s ease; transition: all 0.2s ease; width:50%; }

#blogentry ul li a{ display:block; margin:5px; width:auto; height:auto; min-height:200px; position: relative; padding-bottom:30%; }
#blogentry ul li a:hover{ color: #f3d924; }
#blogentry ul li a:hover .bmeta{ color: #3c3c3c; }

.bthumb{position:relative;background-repeat:no-repeat;background-position:center center;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.bthumb:before{content:''; display:block; padding-bottom:65.25%; }
#blogentry ul li h3{ margin-top:10px; height:65px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
.bmeta{position: absolute; bottom: 0; left: 0px;}
.bmeta_arrow{position: absolute;right:0px;bottom:10px;display:block;width:16px;height:16px; background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22492.96%22%20height%3D%22496.641%22%20viewBox%3D%220%200%20492.96%20496.641%22%3E%3Ccircle%20fill%3D%22%23565656%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20cx%3D%22246.917%22%20cy%3D%22249.549%22%20r%3D%22241.917%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2225%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M198.223%20170.208c-4.028-3.134-5.578-7.444-5.578-12.146%200-2.742.62-5.877%201.55-8.62%201.859-5.094%205.888-9.795%2010.536-9.795%201.859%200%204.028.783%205.888%202.35l113.725%2085.811c7.747%206.27%2011.776%2011.754%2011.776%2022.726%200%2010.58-4.029%2016.065-11.466%2021.551l-114.035%2086.985c-1.86%201.567-3.719%202.352-5.578%202.352-4.958%200-8.677-4.311-10.846-9.797-.93-2.742-1.55-5.877-1.55-8.619%200-4.702%201.55-9.012%205.578-12.147l108.148-80.715-108.148-79.936z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-size:14px 14px; vertical-align:middle; background-repeat: no-repeat; }

#blogentry ul li a:hover .bmeta_arrow{background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22492.96%22%20height%3D%22496.641%22%20viewBox%3D%220%200%20492.96%20496.641%22%3E%3Ccircle%20fill%3D%22%23f3d924%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20cx%3D%22246.917%22%20cy%3D%22249.549%22%20r%3D%22241.917%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2225%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M198.223%20170.208c-4.028-3.134-5.578-7.444-5.578-12.146%200-2.742.62-5.877%201.55-8.62%201.859-5.094%205.888-9.795%2010.536-9.795%201.859%200%204.028.783%205.888%202.35l113.725%2085.811c7.747%206.27%2011.776%2011.754%2011.776%2022.726%200%2010.58-4.029%2016.065-11.466%2021.551l-114.035%2086.985c-1.86%201.567-3.719%202.352-5.578%202.352-4.958%200-8.677-4.311-10.846-9.797-.93-2.742-1.55-5.877-1.55-8.619%200-4.702%201.55-9.012%205.578-12.147l108.148-80.715-108.148-79.936z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; }

.bcat{font-size:10px; font-weight:normal; line-height:0; margin-bottom:3px;}
.btime{font-size:11px; font-weight:bold;}
.blogentryMore{ text-align:center; margin-top:50px; margin-bottom:60px;}
.blogentryMore a{position:relative; font-size:14px; font-weight:bold; color:#ffffff; background-color: #f3d924; padding:15px 40px 15px 60px; border-radius: 3px;transition-property: all;transition: 0.06s linear; border:3px solid #f3d924;}
.blogentryMore_arrow{position: absolute;left:35px;bottom:18px;display:block;width:15px;height:15px;background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22492.96%22%20height%3D%22496.641%22%20viewBox%3D%220%200%20492.96%20496.641%22%3E%3Ccircle%20fill%3D%22%23ffffff%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20cx%3D%22246.917%22%20cy%3D%22249.549%22%20r%3D%22241.917%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23f3d924%22%20stroke-width%3D%2225%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M198.223%20170.208c-4.028-3.134-5.578-7.444-5.578-12.146%200-2.742.62-5.877%201.55-8.62%201.859-5.094%205.888-9.795%2010.536-9.795%201.859%200%204.028.783%205.888%202.35l113.725%2085.811c7.747%206.27%2011.776%2011.754%2011.776%2022.726%200%2010.58-4.029%2016.065-11.466%2021.551l-114.035%2086.985c-1.86%201.567-3.719%202.352-5.578%202.352-4.958%200-8.677-4.311-10.846-9.797-.93-2.742-1.55-5.877-1.55-8.619%200-4.702%201.55-9.012%205.578-12.147l108.148-80.715-108.148-79.936z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:contain;vertical-align:middle; }
.blogentryMore a:hover{ color:#f3d924; background-color: #ffffff; padding:15px 40px 15px 60px; border-radius: 3px; border:3px solid #f3d924;}
.blogentryMore a:hover .blogentryMore_arrow{background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22492.96%22%20height%3D%22496.641%22%20viewBox%3D%220%200%20492.96%20496.641%22%3E%3Ccircle%20fill%3D%22%23f3d924%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20cx%3D%22246.917%22%20cy%3D%22249.549%22%20r%3D%22241.917%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2225%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M198.223%20170.208c-4.028-3.134-5.578-7.444-5.578-12.146%200-2.742.62-5.877%201.55-8.62%201.859-5.094%205.888-9.795%2010.536-9.795%201.859%200%204.028.783%205.888%202.35l113.725%2085.811c7.747%206.27%2011.776%2011.754%2011.776%2022.726%200%2010.58-4.029%2016.065-11.466%2021.551l-114.035%2086.985c-1.86%201.567-3.719%202.352-5.578%202.352-4.958%200-8.677-4.311-10.846-9.797-.93-2.742-1.55-5.877-1.55-8.619%200-4.702%201.55-9.012%205.578-12.147l108.148-80.715-108.148-79.936z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');}

/* bloglist
--------------------------------------------------------- */
#blogentry ul#bloglist{width:auto; margin-top:30px; min-height:500px; }

#more-buttonWP{ margin:20px 20px 30px 20px; }
#more-button {
	border:3px solid #f3d924;
	border-style: none;
	cursor: pointer;
	cursor: hand;
	font-weight:bold;
	font-size:14px;
	color:#333333;
	background: #f3d924;
	height: 60px;
	margin: 0px 0 0;
	width: 100%;
}
.moreText{
	padding-right:18px;
	}
.moreArrow {
	display: inline-block;
	width: 5px;
	height: 5px;
	border-top: 2px solid #333333;
	border-right: 2px solid #333333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-right:15px;
	margin-bottom:3px;
}
#more-button:hover .moreArrow {
	margin-left:3px;
	margin-right:12px;
	transition-property: all;transition: 0.1s linear;
}



.scroller-status {
  display: none;
  margin-top: 40px;
}
.infinite-scroll-request {
  animation: scroll-request 1.1s infinite linear;
  border: 4px solid #00b8d4;
  border-left: 4px solid #fff;
  border-radius: 50%;
  height: 48px;
  margin: auto;
  width: 48px;
}
@keyframes scroll-request {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.infinite-scroll-last,
.infinite-scroll-error {
  color: #757575;
  text-align: center;
}


/* 404 Not Found
--------------------------------------------------------- */
.editorBlock404{ text-align:center; }
.editorBlock404 h2{ font-size:40px; font-weight:bold; margin-top:50px; }
.editorBlock404 h3{ font-size:20px; line-height:1.6em; font-weight:bold; padding:20px 0px; margin-bottom:50px;  }
.editorBlock404 h3 a{ color:#1e4ea6; border-bottom:1px solid #1e4ea6; }
.editorBlock404 h3 a:hover{ border-bottom:0px solid #000099; }
.editorBlock404list{ text-align:left; font-size:16px; line-height:1.6em; background-color: #f2f2f2; width:auto; margin:0 auto; padding:20px 10px; }
.editorBlock404list ul{ margin:10px 0px; }
.editorBlock404list ul li{ font-size:16px; line-height:1.8em; }
.editorBlock404under{ text-align:left; font-size:16px; line-height:1.8em; margin:30px 0px 20px 0px; padding-bottom:20px; }
.editorBlock404underLink{ padding-bottom:30px; }
.editorBlock404underLink div{ display:block; line-height:0em; }
.editorBlock404underLinkTD{ margin:0 30px; }


.editorBlock h2{}
.editorBlock h3{ font-size:16px; font-weight:bold; background-color: #f2f2f2; border-bottom:1px solid #dedede; padding:20px; margin-bottom:20px; line-height:1.8em;  }

.editorBlock h3 a{ color:#1e4ea6; border-bottom:1px solid #1e4ea6; }
.editorBlock h3 a:hover{ border-bottom:0px solid #000099; }

.editorBlock p{ font-size:16px; line-height:1.8em; margin-bottom:30px; }
.editorBlock p.LH25{ font-size:16px; color:#e9595b; font-weight:bold; line-height:2.3em; margin-bottom:30px; }
.editorBlock p a{ color:#1e4ea6; border-bottom:1px solid #1e4ea6; }
.editorBlock p a:hover{ border-bottom:0px solid #000099; }
.editorBlock p img{ max-width: 100%; }
.editorBlock table{width:100%;}
.editorBlock table tr th{ display:block; border-top:1px solid #565656; border-bottom:1px solid #565656; padding:20px; font-size:16px; line-height:1.8em; vertical-align: middle; text-align:center; }
.editorBlock table tr td{ display:block; border-bottom:0px solid #dedede; padding:10px 10x 20px 10px; font-size:16px; line-height:1.8em; text-align:center;  margin:20px 0px; }
.editorBlock table tr.editorBlockTable1st th{padding:20px 20px 20px 20px;}
.editorBlock table tr.editorBlockTable1st td{padding:20px 20px 20px 20px;}


/* ボックス */
.editorBlockBox{border:1px solid #dedede; padding:16px; margin-bottom:20px; }
.editorBlockBox p{line-height:2em; margin-bottom:0px; }

/* 状態遷移 */
.progressbarBox{margin:60px 0px 50px 0px; }
.progressbar {
  margin: 0;
  padding: 0;
  counter-reset: step;
  z-index: 0;
  position: relative;
}
.progressbar li {
  list-style-type: none;
  width: 33%;
  float: left;
  font-size: 12px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  color: #aaa;
}
.progressbar li:before {
  width: 30px;
  height: 30px;
  content: counter(step);
  counter-increment: step;
  line-height: 30px;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: #eee;
}
.progressbar li:after {
  width: 100%;
  height: 2px;
  content: '';
  position: absolute;
  background-color: #eee;
  top: 15px;
  left: -50%;
  z-index: -1;
}
.progressbar li:first-child:after {
  content: none;
}
.progressbar li.active {
  color: #f3d924;
}
.progressbar li.active:before {
  background-color: #f3d924;
  color:#fff;
}
.progressbar li.active + li:after {
  background-color: #f3d924;
}


/* table */
table.table3 tbody tr td{
text-align:left;
}


/* 採用情報
--------------------------------------------------------- */
.recruit_main {
	height:auto;
	position: relative;
	}
.recruit_main2 {
	max-width:100%;
	position: relative;
	right: 0px;
	bottom: 0px;
	}

.recruit_main img{
	max-width:100%;
	margin-bottom:30px;
	}


/* メールフォーム */
.mw_wp_form_g-standard{ margin-bottom:50px; }
.editorBlock table.mailform{ margin-bottom:30px; border:0px solid #ffffff; width:auto; }
.editorBlock table.mailform tr th{ display:block; background-color: #f2f2f2; border:1px solid #dedede; padding:20px 20px 20px 20px; font-size:16px; line-height:1.8em; vertical-align: middle; text-align:left; width:auto; }
.editorBlock table.mailform tr td{ display:block; border:1px solid #dedede; padding:20px 30px 20px 20px; font-size:16px; line-height:1.8em; }
.formRequired{ display:inline-block; color:#ffffff; background-color: #f3d924; padding:5px 10px; }
.error{ color:#f3d924; font-size:14px; }

.editorBlock table.mailform tr th span{ display:inline-block; width:160px; }
.formComments{display:block; font-size:14px; text-align:left; }
.editorBlock table.mailform tr td input{width:auto; height:35px; padding-left:0px; font-size:18px; border:1px solid #dedede;}
.editorBlock table.mailform tr td input[type="text"]{width:100%;}
.editorBlock table.mailform tr td input[type="email"]{width:100%;}

.editorBlock table.mailform tr td textarea{width:100%; height:auto; font-size:20px; border:1px solid #dedede; padding:10px 0px 10px 10px; }

.editorBlock table.mailform tr.LastformTr th{ border:0px solid #ffffff; }
.editorBlock table.mailform tr.LastformTr td{ border:0px solid #ffffff; padding:0px 0px 0px 0px; position: static; }
.editorBlock table.mailform tr.LastformTr td .error{ display:none; }
.formcheckPrivacy{ background-color: #ffffff; text-align:center; margin:30px 0px 0px 0px; width:300px; margin:0 auto; padding-top:30px; position: relative; }
.formcheckPrivacy .mwform-checkbox-field-text{ display:block; background-color: #f2f2f2; padding:30px 0px 30px 10px; cursor: pointer; border:1px solid #dedede; width:auto; }

.formcheckPrivacy label:hover > .mwform-checkbox-field-text{ display:block; color:#ffffff; background-color: #f3d924; text-align:center; cursor: pointer; transition-property: all;transition: 0.26s linear; }
.formcheckPrivacy input[type="checkbox"]{ cursor: pointer; position:absolute; left:10px; top:64px; width:auto!important; height:auto!important;  }
.LastformRequired{ position:static; right:380px; bottom:0px; display:none; }

.formcheckPrivacy input[type="checkbox"]:checked ~ .mwform-checkbox-field-text { background-color: #f3d924; color:#ffffff;}


/* 確認ボタン */
.btnSubmit{ display:block; text-align:center; margin-bottom:0px; }
.btnSubmit input[type="submit"]{ padding:20px 80px 20px 80px; background-color:#f3d924; cursor: pointer; border-style: none; color:#ffffff; font-size:18px; }
.btnSubmit input[type="submit"]:hover{ background-color:#ff0000; }


.editorBlock h4{font-size:16px; font-weight:bold; line-height:2.3em; color:#3c3c3c;}
.editorBlockPoint{ color:#e9595b; font-size:13px; font-weight:bold; }
.editorBlock p strong{font-weight:bold;}

#editorBlockIntro{ display:block; background-color: #ffece2; padding:0px 10px 0px 10px; margin-bottom:50px; border:3px solid #e9595b; border-radius: 15px; position:relative; }
#editorBlockIntro h2{ color:#e9595b; font-size:24px; font-weight:bold; border-bottom:3px solid #e9595b; padding:20px 20px 20px 0px; margin-bottom:20px; line-height:1.6em; }
#editorBlockIntro p{ font-size:16px; line-height:2.3em; margin-bottom:30px; }
#editorBlockIntroE{position: absolute; right:30px; top:0px; display:none; }
#editorBlockIntroEvent{	width: 180px; position: relative;}
#editorBlockIntroEvent img{ width:100%; }
ul.sitemapLink{margin-left:0px; width:100%; }
ul.sitemapLink li{ position:relative; font-size:16px; float:none; width:auto; margin-bottom:20px; }
ul.sitemapLink li a{ margin-left:20px; font-size:16px; font-weight:bold; color:#1e4ea6; border-bottom:1px solid #1e4ea6;  }
ul.sitemapLink li a:hover{ border-bottom:0px solid #000099; }
.bmeta_arrowSite{position: absolute;left:0px;top:2px;display:block;width:15px;height:15px;background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22492.96%22%20height%3D%22496.641%22%20viewBox%3D%220%200%20492.96%20496.641%22%3E%3Ccircle%20fill%3D%22%23565656%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20cx%3D%22246.917%22%20cy%3D%22249.549%22%20r%3D%22241.917%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2225%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M198.223%20170.208c-4.028-3.134-5.578-7.444-5.578-12.146%200-2.742.62-5.877%201.55-8.62%201.859-5.094%205.888-9.795%2010.536-9.795%201.859%200%204.028.783%205.888%202.35l113.725%2085.811c7.747%206.27%2011.776%2011.754%2011.776%2022.726%200%2010.58-4.029%2016.065-11.466%2021.551l-114.035%2086.985c-1.86%201.567-3.719%202.352-5.578%202.352-4.958%200-8.677-4.311-10.846-9.797-.93-2.742-1.55-5.877-1.55-8.619%200-4.702%201.55-9.012%205.578-12.147l108.148-80.715-108.148-79.936z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:contain;vertical-align:middle;}
ul.sitemapLink li p{margin-top:10px; font-size:14px; margin-bottom:0px; }

/* 区切り線
--------------------------------------------------------- */
.contentLine_01 { margin: 1.0em 0px 0px; height: 1px; }
.contentLine_01 hr { display: none; }
.contentLine_01 { background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/border_01.gif') repeat-x; }

.alignR { margin-left: 10px; }
.alignL { margin-right: 0px; float:none; max-width:100%; }
.alignR2 { margin-left: 20px; }
.alignL2 { margin-right: 0px; float:none; max-width:100%; }



.ContentLink{ border:1px solid #dedede; padding:20px; margin-bottom:60px; background-color: #f2f2f2;}
.ContentLinkin{position:static;}
.ContentLinkin p{ line-height:1.8em; font-size:16px; font-weight:bold; margin-bottom:24px; }
.href{ line-height:1.8em; position: relative; right:0px; bottom:0px; }
.href a{ display:block; font-size:14px; font-weight:bold; color:#ffffff; background-color: #f3d924; padding:15px 20px 15px 40px; border-radius: 3px;transition-property: all;transition: 0.06s linear; border:3px solid #f3d924;}
.href a:hover{ color:#f3d924; background-color: #ffffff; padding:15px 20px 15px 40px; border-radius: 3px; border:3px solid #f3d924;}

.href_arrow{position: absolute;left:20px;bottom:40%;display:block;width:15px;height:15px;background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22492.96%22%20height%3D%22496.641%22%20viewBox%3D%220%200%20492.96%20496.641%22%3E%3Ccircle%20fill%3D%22%23ffffff%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20cx%3D%22246.917%22%20cy%3D%22249.549%22%20r%3D%22241.917%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23f3d924%22%20stroke-width%3D%2225%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M198.223%20170.208c-4.028-3.134-5.578-7.444-5.578-12.146%200-2.742.62-5.877%201.55-8.62%201.859-5.094%205.888-9.795%2010.536-9.795%201.859%200%204.028.783%205.888%202.35l113.725%2085.811c7.747%206.27%2011.776%2011.754%2011.776%2022.726%200%2010.58-4.029%2016.065-11.466%2021.551l-114.035%2086.985c-1.86%201.567-3.719%202.352-5.578%202.352-4.958%200-8.677-4.311-10.846-9.797-.93-2.742-1.55-5.877-1.55-8.619%200-4.702%201.55-9.012%205.578-12.147l108.148-80.715-108.148-79.936z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:contain;vertical-align:middle; }
.href a:hover .href_arrow{background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22492.96%22%20height%3D%22496.641%22%20viewBox%3D%220%200%20492.96%20496.641%22%3E%3Ccircle%20fill%3D%22%23f3d924%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20cx%3D%22246.917%22%20cy%3D%22249.549%22%20r%3D%22241.917%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2225%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M198.223%20170.208c-4.028-3.134-5.578-7.444-5.578-12.146%200-2.742.62-5.877%201.55-8.62%201.859-5.094%205.888-9.795%2010.536-9.795%201.859%200%204.028.783%205.888%202.35l113.725%2085.811c7.747%206.27%2011.776%2011.754%2011.776%2022.726%200%2010.58-4.029%2016.065-11.466%2021.551l-114.035%2086.985c-1.86%201.567-3.719%202.352-5.578%202.352-4.958%200-8.677-4.311-10.846-9.797-.93-2.742-1.55-5.877-1.55-8.619%200-4.702%201.55-9.012%205.578-12.147l108.148-80.715-108.148-79.936z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');}

/* sidebar
--------------------------------------------------------- */
#sidebar_index{ min-height:auto; }
#sidebar{ background-color:#f2f2f2; padding-bottom:20px; padding-top:10px; min-height:auto; }
.sidebarTitle h2{ font-size:22px; font-weight:bold; text-align:center; padding:30px 0px 20px 0px; }

.widget img{ max-width:100%; }
.tw{}
.twa{margin:-30px 0 0 8px;padding:1px;vertical-align:bottom;position:relative;}
.twaimg{border-radius:50%;height:48px;width:48px;border:2px solid #ffffff;-moz-box-sizing:border-box;box-sizing:border-box;color:#f3d924;}
.twaimgpomu{color:#1da1f2;}
.twaimgnuteeeen{color:#91d2fa;}
.twaimg {transition: .3s ;transform: rotateY( 0deg ) ; }
.tw:hover .twaimg { transform: rotateY( 360deg ) ;}
.tw:active .twaimg{box-shadow:0px 0px 10px;}

.twa-name{}
.twa-name h3{ display:block; font-size:18px; font-weight:bold;line-height:0;margin-bottom:15px;margin-top:20px; }
.twa-name span{font-size:13px;line-height:0; }
.twa-name a:hover{text-decoration: underline;}
.twc{ margin-top:20px; font-size:0px;}
.twc li{float:left; width:33%; font-size:14px; color:#657786;}
.twc li .twc_block{padding:0px 0px 0px 10px;}
.twc li .twc_blockLast{padding:0px 10px 0px 0px;}
.twc li a:hover{color:#f3d924;}
.twc li span{margin-bottom:0px; font-weight:bold;}
.twc li span.twcTv::before {content: "\A" ;	white-space: pre ;}
.twc li span.twcTv{font-size:20px; color:#f3d924; line-height:25px;}

.twc li.pomu a:hover{color:#1da1f2;}
.twc li.pomu span.twcTv{color:#1da1f2;}

.twc li.nuteeeen a:hover{color:#91d2fa;}
.twc li.nuteeeen span.twcTv{color:#91d2fa;}

.twlist ul{margin-top:20px;}
.twlist ul li{border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2; padding:20px 10px; height: 80px;}

.twiist_img{ float:left; width:80px; margin-right:10px; }
.twiist_img_hidden{ width: 80px; height: 80px; overflow: hidden; }
.twiist_img img{ width: 80px; height: 80px; object-fit: cover; object-position: center top; font-family: 'object-fit: cover; object-position: center top;'}

.twlist ul li a .twiist_img{-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.twlist ul li .twiist_img img{-moz-transition: -moz-transform 0.2s linear; -webkit-transition: -webkit-transform 0.2s linear; -o-transition: -o-transform 0.2s linear; -ms-transition: -ms-transform 0.2s linear; transition: transform 0.2s linear;}
.twlist ul li a:hover .twiist_img img{-webkit-transform: scale(1.8); transform: scale(1.8);}

.twiist_text { float:left; width:100%; margin-right:-90px; padding-right:90px;   box-sizing: border-box; position:relative; }
.twiist_text h3{ font-size:12px; margin-bottom:5px; }
.twiist_text p{ font-size:12px; line-height:1.2em; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 4;height: 56px;}
.twiist_text .twtime{ display:block; font-size:11px; color:#657786; position: static; bottom: 0px; left: 0px; margin-top:10px; }

/* special */
.twlist ul li.pomu a:hover{color:#1da1f2;}
.twlist ul li.pomu .twiist_text h3{ color:#1da1f2; font-weight:bold; border-left: solid 5px #7db4e6; padding-left:10px;}
.twlist ul li.nuteeeen a:hover{color:#91d2fa;}
.twlist ul li.nuteeeen .twiist_text h3{ color:#91d2fa; font-weight:bold; border-left: solid 5px #91d2fa; padding-left:10px;}
.twlist ul li.vovls2005 a:hover{color:#f6303e;}
.twlist ul li.vovls2005 .twiist_text h3{ color:#f6303e; font-weight:bold; border-left: solid 5px #f6303e; padding-left:10px;}

/* side tabs
--------------------------------------------------------- */

/* tab */
.tabs{ width:auto; border-top: 1px solid #f2f2f2; margin:0 10px; background-color:#ffffff; }
.tab-item { width: calc(100%/3);
  border-bottom: 3px solid #ffffff;
  background-color: #ffffff;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.8s ease;
}
.tab-item:hover{cursor: pointer;}
.tabcolor0:hover{border-bottom: 3px solid #f3d924;}
.tabcolor1:hover{border-bottom: 3px solid #1da1f2;}
.tabcolor2:hover{border-bottom: 3px solid #91d2fa;}

/* style */
input[name="tab_item"] {display: none;}

.tabs input:checked + .tabcolor0 {border-bottom: 3px solid #f3d924;}
.tabs input:checked + .tabcolor1 {border-bottom: 3px solid #1da1f2;}
.tabs input:checked + .tabcolor2 {border-bottom: 3px solid #91d2fa;}

/* move
--------------------------------------------------------- */
.cube {
  position: static;
  top:0px;
  width:auto;
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -ms-transform-origin: 150px 0;
  -moz-transform-origin: 150px 0;
  -webkit-transform-origin: 150px 0;
          transform-origin: 150px 0;
  -ms-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -ms-transition: -ms-transform 0.25s ease-in;
  -moz-transition: -moz-transform 0.25s ease-in;
  -webkit-transition: -webkit-transform 0.25s ease-in;
  transition: -webkit-transform 0.25s ease-in;
  transition: transform 0.25s ease-in;
  transition: transform 0.25s ease-in, -webkit-transform 0.25s ease-in;
}
/* IE10〜11 Edge12〜14
--------------------------------------------------------- */
/* IE10〜11 */
_:-ms-input-placeholder, :root .tab-item{display:none;height: 0px;}
_:-ms-input-placeholder, :root .cube {top:0px;}

/* Edge12〜14 */
@supports (-ms-ime-align: auto) and (not (-webkit-text-stroke: initial)) {
	.tab-item{display:none;height: 0px;}
	.cube {top:0px;}
}

/* tab_content
--------------------------------------------------------- */
.tab_content { position:static; display:none; clear:both; overflow:hidden; width:auto; }
#all:checked ~ #all_content {
		display: block;
      }
#tw_pomu:checked ~ #tw_pomu_content {
		display: block;
      }
#tw_nuten:checked ~ #tw_nuten_content {
		display: block;
      }

/* footer
--------------------------------------------------------- */
/* common */
#pnav{background-color:#f3d924; }
#pnav_in{padding:20px 10px; position: relative;}
#pnav_in h2{float:none;}
#pnav_in h2 a{display:block; width:100px; height:35px; margin-left:15px; background:url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20325.98%20155.91%22%20style%3D%22enable-background%3Anew%200%200%20325.98%20155.91%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M103.08%2C8.1v88.22c0%2C3.86-3.13%2C6.98-6.98%2C6.98H7.53c-6.22%2C0-9.34-7.52-4.94-11.92L91.16%2C3.16%20C95.56-1.24%2C103.08%2C1.88%2C103.08%2C8.1z%22%2F%3E%20%3Cellipse%20transform%3D%22matrix(0.2342%20-0.9722%200.9722%200.2342%2072.9915%20197.0688)%22%20class%3D%22st0%22%20cx%3D%22161.59%22%20cy%3D%2252.2%22%20rx%3D%2244.8%22%20ry%3D%2244.8%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M270.98%2C103.3c2.24%2C0%2C4.71-2.29%2C7.92-5.07c34.18-29.64%2C46.56-51.75%2C46.56-71.29c0-23.5-30.51-37-47.23-13.12%20c-3.33%2C4.76-4.42%2C7.19-7.25%2C7.24h-0.16c-2.83-0.05-3.91-2.48-7.25-7.24c-16.72-23.89-47.23-10.38-47.23%2C13.12%20c0%2C19.95%2C12.38%2C41.65%2C46.56%2C71.29c3.21%2C2.78%2C5.67%2C5.07%2C7.92%2C5.07H270.98z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M86.42%2C121.45H75.98c-2.26%2C0-4.09%2C1.83-4.09%2C4.09c0%2C2.26%2C1.83%2C4.09%2C4.09%2C4.09h6.35v10.1%20c0%2C3.5-2.85%2C6.35-6.35%2C6.35c-3.5%2C0-6.35-2.85-6.35-6.35c0-2.26-1.83-4.09-4.09-4.09c-2.26%2C0-4.09%2C1.83-4.09%2C4.09%20c0%2C8.02%2C6.52%2C14.54%2C14.54%2C14.54c8.01%2C0%2C14.53-6.52%2C14.53-14.54v-14.19C90.51%2C123.28%2C88.68%2C121.45%2C86.42%2C121.45z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M191.88%2C121.45c-2.26%2C0-4.09%2C1.83-4.09%2C4.09v10.44v2.87l-13.26-15.93c-1.1-1.33-2.92-1.82-4.54-1.23%20c-1.62%2C0.59-2.7%2C2.13-2.7%2C3.85v10.44v3.75v10.44c0%2C2.26%2C1.83%2C4.09%2C4.09%2C4.09c2.26%2C0%2C4.09-1.83%2C4.09-4.09v-10.44v-2.87l13.26%2C15.93%20c0.79%2C0.96%2C1.95%2C1.48%2C3.15%2C1.48c0.47%2C0%2C0.94-0.08%2C1.39-0.24c1.62-0.59%2C2.7-2.13%2C2.7-3.85v-10.44v-3.75v-10.44%20C195.97%2C123.28%2C194.14%2C121.45%2C191.88%2C121.45z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M230.66%2C125.55c0-2.26-1.83-4.09-4.09-4.09h-10.44c-8.02%2C0-14.54%2C6.52-14.54%2C14.53v3.75%20c0%2C8.02%2C6.52%2C14.54%2C14.54%2C14.54h10.44c2.26%2C0%2C4.09-1.83%2C4.09-4.09c0-2.26-1.83-4.09-4.09-4.09h-10.44c-3.5%2C0-6.35-2.85-6.35-6.35%20v-3.75c0-3.5%2C2.85-6.35%2C6.35-6.35h10.44C228.82%2C129.64%2C230.66%2C127.81%2C230.66%2C125.55z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M223.65%2C133.77h-6.01c-2.26%2C0-4.09%2C1.84-4.09%2C4.09c0%2C2.26%2C1.83%2C4.09%2C4.09%2C4.09h6.01%20c2.26%2C0%2C4.09-1.83%2C4.09-4.09C227.74%2C135.6%2C225.91%2C133.77%2C223.65%2C133.77z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M263.28%2C121.45h-22.91c-2.26%2C0-4.09%2C1.83-4.09%2C4.09c0%2C2.26%2C1.83%2C4.09%2C4.09%2C4.09h7.36v20.54%20c0%2C2.26%2C1.83%2C4.09%2C4.09%2C4.09c2.26%2C0%2C4.09-1.83%2C4.09-4.09v-20.54h7.36c2.26%2C0%2C4.09-1.83%2C4.09-4.09%20C267.37%2C123.28%2C265.54%2C121.45%2C263.28%2C121.45z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M111.11%2C120.92c-8.26%2C0-14.98%2C6.72-14.98%2C14.98v3.91c0%2C8.26%2C6.72%2C14.98%2C14.98%2C14.98%20c8.26%2C0%2C14.98-6.72%2C14.98-14.98v-3.91C126.09%2C127.64%2C119.37%2C120.92%2C111.11%2C120.92z%20M117.9%2C139.82c0%2C3.75-3.05%2C6.8-6.8%2C6.8%20c-3.75%2C0-6.8-3.05-6.8-6.8v-3.91c0-3.75%2C3.05-6.8%2C6.8-6.8c3.75%2C0%2C6.8%2C3.05%2C6.8%2C6.8V139.82z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M157.58%2C121.45c-2.26%2C0-4.09%2C1.83-4.09%2C4.09v5.28c0%2C3.61-2.83%2C6.57-6.39%2C6.78c-0.13-0.01-0.68-0.01-0.81%2C0%20c-3.56-0.21-6.39-3.16-6.39-6.78v-5.28c0-2.26-1.83-4.09-4.09-4.09c-2.26%2C0-4.09%2C1.83-4.09%2C4.09v5.28%20c0%2C6.84%2C4.61%2C12.61%2C10.89%2C14.4v4.96c0%2C2.26%2C1.83%2C4.09%2C4.09%2C4.09c2.26%2C0%2C4.09-1.83%2C4.09-4.09v-4.96%20c6.28-1.79%2C10.89-7.56%2C10.89-14.4v-5.28C161.67%2C123.28%2C159.84%2C121.45%2C157.58%2C121.45z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:contain;vertical-align:middle;background-repeat:no-repeat;}
#pnav_in h2 a span{display:none;}
#pnav_in nav{float:none; margin-top:3px; margin-left:5px; display:none; }
#pnav_in nav ul{font-size:0px;}
#pnav_in nav ul li { display:block; font-size:12px; font-weight:bold; color:#ffffff; font-size: 14px; font-weight: bold; padding-left:20px;padding-top:5px; position: relative; margin-left:10px; float:left; padding-bottom:5px;  }
#pnav_in nav ul li:after { display: block; content: ""; width: 6px; height: 6px; margin: -6px 0 0 0; border-top: solid 2px #ffffff; border-right: solid 2px #ffffff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; left: 0px; }
#pnav_in nav ul li a{display:block; }
#pnav_in nav ul li a::after {content: ""; display: block; width: 0; transition: width 0.05s; padding-bottom:0px; border-bottom: 2px solid #ffffff; }
#pnav_in nav ul li a:hover::after {width: 100%;}

#pnav_in nav ul li h1{ max-width:500px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.ptop{position: absolute; top: 15px; right: 25px;}
.ptop a{display:block; width:40px; height:40px;}
.ptop_link *, .ptop_link *:before, .ptop_link *:after {-webkit-box-sizing: border-box;box-sizing: border-box;}
.ptop_link {cursor: pointer;position: relative;}
.ptop_link .ptop_round {position: relative;width: 40px;height: 40px;border: 3px solid #ffffff;border-radius: 100%;transition-property: all;transition: 0.3s linear;}
.ptop_link .ptop_round:hover{border: 3px solid #ffffff;background-color:#ffffff;}
.ptop_link span {position: absolute;z-index: 999;display: block;width: 12px;height: 3px;transition: 0.4s ease;border-radius: 3px;background: #ffffff;}
.ptop_link span:first-child {bottom: 45%;left: 25%;transform: rotate(-45deg);}
.ptop_link span:nth-child(2) {bottom: 45%;left: 45%;transform: rotate(45deg);}
.ptop_link .ptop_round:hover span:nth-child(1) {border: 2px solid #f3d924;transform: rotate(135deg);}
.ptop_link .ptop_round:hover span:nth-child(2) {border: 2px solid #f3d924;transform: rotate(-135deg);}


#footer{height:auto; background-color:#565656; color:#fff; padding:5px 0px;}
#fnav{position: static; margin:0px 10px 0px 10px; }
#fnav nav ul{ font-size:0px; width:100%; border-top: 0px solid #c5c5c5;}
#fnav nav ul li{ display:block; font-size:12px; float:left; border-right: 0px solid #ffffff; width:50%; border-bottom: 1px solid #fff; margin-right:0px; padding-right:0px;padding-top:0px; }
#fnav nav ul li.fnav_z{border-right: 0px solid #ffffff;}
#fnav nav ul li a{display:block; width:auto; padding:20px 0px 20px 5px;  position: relative; margin-right:0px; margin-left:0px; }
#fnav nav ul li a::after { display: block; content: "";width: 3px; height:3px; border-top: solid 2px #ffffff; border-right: solid 2px #ffffff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 48%; right: 15px; z-index:100; padding-bottom:0px; border-bottom: 0px solid #ffffff; }
#fnav nav ul li a:hover::after { width: 3px;}

#copyright{position: static; top: 0px; right: 0px; text-align:center; margin:20px 0px; }
#copyright small{ font-size:12px; font-weight:normal;  }






/* chara
--------------------------------------------------------- */
#innernav{height:150px;background-color:#ffffff;}
#innernav ul{}
#innernav ul li{display:inline-block;}

#innernav .chara{
	position:absolute;
	left:-100px;
	top:0;
	background:url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/chaka.png') no-repeat;
	width:79px;
	height:122px;
	animation: chakaFlont 2.9s steps(20) forwards infinite;
	z-index:100;
	}
@keyframes chakaFlont{
	to{
		background-position: -1580px 0;
	}
	}
@-webkit-keyframes chakaFlont{
	to{
		background-position: -1580px 0;
	}
	}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

/* fade
--------------------------------------------------------- */
#apublic {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	background-color: #f2f2f2;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

ul.products_navi{
padding-top:10px;
	}
ul.products_navi li{
	display:inline-block;
	width:250px;
	}

/* ラインスタンプ
--------------------------------------------------------- */
ul.lineshop{
	margin:0px;
	width:auto;
	}
ul.lineshop li{
	line-height:1.3em;
	color:#3c3c3c;
	font-weight:normal;
	padding:0px 0px 30px 0px;
	margin:0px;
	text-align:center;
	width:50%;
	height:auto;
	min-height:220px;
	float:left;
	}
ul.lineshop li p{
	font-size:15px;
	line-height:1.6em;
	width:auto;
	margin:0 auto;
	padding-top:10px;
	}
ul.lineshop li a{
	font-size:13px;
	margin-top:0px;
	padding-top:0px;
	line-height:1.3em;
	margin:0px;
	}
ul.lineshop li a:hover{
	text-decoration: underline;
	}
ul.lineshop li img{
	margin:0 auto;
	width:140px;
	}

/* ライン着せかえ
--------------------------------------------------------- */
ul.linethemeshop{
	margin-top:0px;
	width:100%;
	}
ul.linethemeshop li{
	line-height:1.3em;
	color:#3c3c3c;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	text-align:center;
	width:50%;
	height:auto;
	min-height:260px;
	float:left;
	margin-bottom:20px;
	}
ul.linethemeshop li p{
	font-size:15px;
	line-height:1.6em;
	width:140px;
	margin:0 auto;
	padding-top:10px;
	height:50px;
	}
ul.linethemeshop li a{
	font-size:13px;
	margin-top:0px;
	padding-top:0px;
	line-height:1.3em;
	}
ul.linethemeshop li a:hover{
	text-decoration: underline;
	}
ul.linethemeshop li img{
	margin:0 auto;
	width:140px;
	}


/* 制作実績
--------------------------------------------------------- */
ul.portfolio{
	margin-top:0px;
	width:100%;
	}
ul.portfolio li{
	line-height:1.3em;
	color:#3c3c3c;
	font-weight:normal;
	text-align:center;
	width:auto;
	height:auto;
	float:none;
	margin:0px 0px 30px 0px;
	}
.portfolioBox{
	width:auto;
	border-bottom: 5px solid #dedede;
	background-color:#f2f2f2;
	padding:0px 0px 20px 0px;
	height:auto;
	}
ul.portfolio li h3{
	font-size:15px;
	line-height:1.6em;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	}
ul.portfolio li p{
	font-size:12px;
	line-height:1.6em;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	}
ul.portfolio li a{
	font-size:13px;
	margin-top:0px;
	line-height:1.3em;
	}
ul.portfolio li a:hover{
	text-decoration: underline;
	}
ul.portfolio li .portfolioBox img{
	width:100%;
	border-bottom: 3px solid #dedede;
	}


/* filter
--------------------------------------------------------- */
#filter{margin-bottom:20px; position: static; }
#filter h3{ color:#3c3c3c; font-size:20px; font-weight:bold; margin-bottom:20px; line-height:1.6em; }
#filter p{display:block; font-size:16px; line-height:1.8em; margin-bottom:20px;}

#filter a{ display:inline-block; width:48%; height:60px; margin-right:0px; margin-bottom:5px; line-height:60px;text-align:center; font-size:18px; background-color:#ffffff; transition: all 250ms ease-out;}

#filter a:link { text-decoration:none; color: #565656;}
#filter a:visited { text-decoration:none; color: #565656;}
#filter a:active { text-decoration:none; color: #565656;}
#filter a:hover { text-decoration:none; color: #3c3c3c;}
#filter .active { color: #ffffff; background-color:#f3d924;}
#filter a.active:link { text-decoration:none; color: #ffffff;}
#filter a.active:visited { text-decoration:none; color: #ffffff;}
#filter a.active:active { text-decoration:none; color: #ffffff;}
#filter a.active:hover { text-decoration:none; color: #ffffff;}

.lineLang-jpList,.lineLang-enList,.lineLang-cnList,.lineLang-trList{}
.lineSaleNumber{position: static; top: 0px; right: 0px; font-size:18px; margin-top:30px; }
.lineSaleNumber span{font-size:24px;}
#filtertxt{padding:10px 0 15px 0; line-height:1.8em; }

#filter2{margin-bottom:20px; position: relative;}
#filter2 h3{color:#3c3c3c; font-size:20px; font-weight:bold; margin-bottom:10px; }


/* mainvisual */
.multiple-items{position: relative;}
.theater_youjo_bg00 { position:absolute; right:430px; bottom:0px; width: 42px; animation:theater_youjo_bg00 4.5s linear infinite; -webkit-animation:theater_youjo_bg00 4.5s linear infinite; -moz-animation:theater_youjo_bg00 4.5s linear infinite; z-index:2; }
@keyframes theater_youjo_bg00 {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}

.theater_youjo_bg01 { position:absolute; left:0px; top:50px; width: 53px; animation:theater_youjo_bg01 1.2s 1 forwards; -webkit-animation:theater_youjo_bg01 1.2s 1 forwards; -moz-animation:theater_youjo_bg01 8.5s linear infinite; z-index:2; }
@keyframes theater_youjo_bg01 {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}



.theater_youjo00 { position:absolute; right:430px; bottom:0px; width: 125px; animation:theater_youjo00 1.2s 1 forwards; -webkit-animation:theater_youjo00 1.2s 1 forwards; -moz-animation:theater_youjo00 1.2s 1 forwards; opacity:0; }
@keyframes theater_youjo00 {
 0%   { transform:translate(10%, -10%);  opacity:0;}
 40% { opacity:0.4;}
 100% { transform:translate(0%, 0%); opacity:1;}
}

.theater_youjo01 { position:absolute; right:0px; bottom:0px; width: 450px; animation: theater_youjo01 3s ease 1.3s 1 forwards; opacity:0; }
@keyframes theater_youjo01 {
  0% { transform:translateY(0); opacity:0; }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-150px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-40px) }
  50% { transform:translateY(0px); opacity:0.8; }
  60% { transform:translateY(0px); opacity:1; }
  70% { transform:translateY(0px) }
  100% { transform:translateY(0); opacity:1;}
}

.theater_youjo11 { position:absolute; right:520px; bottom:0px; width: 370px; z-index:10; animation:theater_youjo11 0.8s 1 forwards; -webkit-animation:theater_youjo11 0.8s 1 forwards; -moz-animation:theater_youjo11 0.8s 1 forwards; opacity:0; }

@keyframes theater_youjo11 {
 0%   { transform:translate(-10%, -10%);  opacity:0;}
 40% { opacity:1;}
 100% { transform:translate(0%, 0%); opacity:1;}
}

.theater_youjo12 { position:absolute; left:200px; bottom:0px; width: 300px; z-index:9; animation:theater_youjo12 1s ease 0.4s 1 forwards; -webkit-animation:theater_youjo12 1s ease 0.4s 1 forwards; -moz-animation:theater_youjo12 1s ease 0.4s 1 forwards; opacity:0; }

@keyframes theater_youjo12 {
 0%   { transform:translate(10%, -10%);  opacity:0;}
 40% { opacity:1;}
 100% { transform:translate(0%, 0%); opacity:1;}
}


.theater_youjo13 { position:absolute; left:20px; bottom:0px; width: 275px; z-index:8; animation:theater_youjo13 1s ease 0.8s 1 forwards; -webkit-animation:theater_youjo13 1s ease 0.8s 1 forwards; -moz-animation:theater_youjo13 1s ease 0.8s 1 forwards; opacity:0; }

@keyframes theater_youjo13 {
 0%   { transform:translate(-10%, -10%);  opacity:0;}
 40% { opacity:1;}
 100% { transform:translate(0%, 0%); opacity:1;}
}

/* Character
--------------------------------------------------------- */
.CharaBox{ margin-bottom:20px; margin-top:50px; background: #ffd8d8; position: static; height:auto; padding:30px 0px; }
.CharaImg{ float:none; margin-right:0px; position: static; text-align:center; }
.CharaImg img{ max-width:100%; }
.CharaDetailsCatch{ position:static; right:120px; top:660px; color:#62a6bb; font-weight:bold; font-size:32px; font-family: 'rounded-bold',-apple-system, blinkMacSystemFont,'Helvetica Neue', 'Segoe UI',YuGothicM, YuGothic,Meiryo,sans-serif; text-shadow: 2px 2px 0 #ffffff, -2px 2px 0 #ffffff, 2px -2px 0 #ffffff, -2px -2px 0 #ffffff; z-index:10; text-align:center; width:auto; line-height:1.6em; margin:10px 10px 30px 10px; }

.CharaImg .CharaImgDetail{ width:auto; height:auto; }
.CharaProfile{ font-size:16px; line-height:1.8em; width:auto; height:auto; position:static; right:0px; top:100px; font-family: 'rounded-bold',-apple-system, blinkMacSystemFont,'Helvetica Neue', 'Segoe UI',YuGothicM, YuGothic,Meiryo,sans-serif; }

.CharaNameWp{ background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/char_detail_name_bg.png') no-repeat top left; width:300px; height:100px; margin:0 auto; -moz-background-size:contain; -webkit-background-size:contain; -o-background-size:contain; -ms-background-size:contain; position: relative; }
.CharaNamefuri{ color:#55a0b7; font-size:13px; font-weight:bold; width:auto; text-align:center; padding-top:10px; }
.CharaName{ color:#55a0b7; font-size:24px; font-weight:bold; width:auto; text-align:center; padding-top:0px; }

.CharaProfilein{ background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/char_detail_text_bg.png') no-repeat center center; position:static; left:0px; top:180px; height:auto; width:300px; margin:0 auto; border-radius:30px; border:10px solid #fff8ed;  }
.CharaProfileinBox{ margin:0px 0px 0px 0px; }

.CharaIntroduction{ color:#e95b5a; font-size:14px; line-height:1.6em; margin:4px 10px 6px 10px; min-height:66px; }
.CharaIntroduction br{ display:none; }
.CharaDetails{ margin-left:80px; }
.CharaDetails dl{ display:block; margin-bottom:5px; }
.CharaDetails dt{ display:none; }
.CharaDetails dd{ color:#62a6bb; font-weight:bold; font-size:20px; line-height:1.6em; }


.CharaAppearedB{ padding:10px 8px 0px 8px; background: #fff8ed; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33); border-radius:10px; margin:10px 10px 30px 10px; }
.CharaAppearedBox{ width:100%; float:none;}
.CharaAppeared{ font-size:16px; line-height:1.8em; padding:10px; }
.CharaAppeared h3{ font-size:16px; color:#ffffff; font-weight:bold; background: #ff9794; padding:10px; border-radius:15px; text-align:center; }
.CharaAppeared ul { width:100%; margin-top:5px; padding:10px 0; background-image: none;  background-repeat: repeat-y; background-size: auto;  line-height: 1.3; font-size:15px; }
.CharaAppeared ul li{ color: #565656; margin-bottom:1.3em; border-bottom:1px solid #fce0d7; padding:0px 0px 20px 0px; }


/* Characterlist
--------------------------------------------------------- */
.slideList { width:auto; margin:0 auto; }
.slideList li{ font-size:0px; text-align:center; width:50%; min-height:200px; margin:5px 0 0px 0; float:left; }
.slideList li img{ border-radius: 50%; width:110px; height:auto; border:8px solid #ffffff; border-radius:130px; margin:0 auto; }
.slideList li.isCurrent img{ width:130px; border-color:#f2f2f2; margin-top:-5px; }
.slideList li a:hover img{ width:130px; border-color:#f2f2f2; margin-top:-5px; }
.slideThumb{ display:block; height:140px;}
.slideCaption{ display:block; padding-top:5px; font-size:14px; line-height:1.3em; }
.slideList li.isCurrent .slideCaption { padding-top:10px; font-size:15px; font-weight:bold; color:#f3d924; }
.slideList li a:hover .slideCaption { padding-top:10px; font-size:15px; font-weight:bold; color:#f3d924; }

#slick_containerList { width:auto; margin:0 auto; position:static; }



/* Character
--------------------------------------------------------- */
.slide{ opacity: 0;  transition: opacity .1s linear;  height:160px; }
.slide.slick-initialized{ opacity: 1; }
.slide { width:auto; margin:0 auto; }
.slide li{ float:left; font-size:0px; text-align:center; width:145px; margin:5px 0 30px 0; }
.slide li img{ border-radius: 50%; width:110px; height:auto; border:8px solid #ffffff;border-radius:130px; margin:0 auto; }
.slide li.isCurrent img{ width:130px; border-color:#f2f2f2; margin-top:-5px; }
.slide li a:hover img{ width:130px; border-color:#f2f2f2; margin-top:-5px; }

.slide li.isCurrent .slideCaption { padding-top:10px; font-size:15px; font-weight:bold; color:#f3d924; }
.slide li a:hover .slideCaption { padding-top:10px; font-size:15px; font-weight:bold; color:#f3d924; }

#slick_container { width:auto; margin:0 auto; position:relative; }
.slick-prev, .slick-next {width:40px; height:50px; overflow:hidden; }
.slick-prev{ background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/slide_navi.png'); background-repeat: no-repeat; background-position:left top; }
.slick-prev:hover{ background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/slide_navi.png'); background-repeat: no-repeat; background-position:left -50px; }
.slick-next{ background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/slide_navi.png') no-repeat top right; }
.slick-next:hover{ background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/slide_navi.png') no-repeat right -50px; }

.slick-prev:before, .slick-next:before {content:"";}
button.slick-prev, button.slick-next {z-index:2;}
.slick-prev{top:70px; left:0px;}
.slick-next{top:70px; right:0px;}
.slick-arrow{z-index:10;}



/* goodspage
--------------------------------------------------------- */
#goodspage{ padding:0px 0px 20px 0px; min-height:auto; }
#goodspageContents{ padding:20px 0px 20px 15px; font-size:16px; line-height:1.8em; min-height:auto; word-wrap: break-word; overflow-wrap: break-word; }
#goodspageContents h2{ font-size:18px; font-weight:bold; }

/* News */
#goodspageNews{margin-right:15px; margin-bottom:20px; border: 1px solid #ce1515; font-size:0px;}
.goodspageNewsLeft{width:auto; height:auto; line-height:50px; background-color:#ce1515; float:none; padding:0px;}
h2#goodspageNewsLeftTitle{ display:block; font-size:13px; color:#ffffff; line-height:50px; text-align:center; }
.goodspageNewsRight{float:none; width:auto; font-size:0px;}
.goodspageNewsRight ul li{ font-size:13px; line-height:1.8em; padding:10px 10px 10px 10px; }

.goodspageContentsNews{ border: 1px solid #cccccc; margin:0 15px 20px 0; padding:10px; }
.goodspageContentsNews h2{ padding-bottom:5px; margin-bottom:5px; border-bottom: dotted 1px #cccccc; }
.goodspageContentsNews ul{ height:200px; overflow: auto; }
.goodspageContentsNews ul li{ font-size:13px; line-height:2.3em; }
a.news_title{ font-size:13px;}
.news_date{ font-size:14px; margin-right:10px; }
a.news_title{ color:#1e4ea6; border-bottom:1px solid #1e4ea6; }
a.news_title:hover{ border-bottom:0px solid #000099; }

.goodslist{ margin-top:10px; margin-bottom:20px; }

.goodslist ul li a{
	display:block;
	width:auto;
	height:auto;
	float:none;
	border: 1px solid #cccccc;
	border-radius: 10px;
	position: relative;
	padding-top:15px;
	padding-right:15px;
	padding-left:15px;
	padding-bottom:15px;
	margin-right:10px;
	margin-bottom:10px;
	}
.goodslist ul li a:hover{
	background:#cccccc;
	}

.goodslist ul li a .goodslistpic{
	display:block;
	overflow: hidden;
	width: 120px;/* トリミングしたい枠の幅 */
	height: 120px;/* トリミングしたい枠の高さ */
	position: relative;
	}
.goodslist ul li a .goodslistpic img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
	}
.goodslist ul li a .goodslistlabel{
	margin-left:140px;
	right:10px;
	top:20px;
	position: absolute;
	}

.goodslist ul li a h3{
	margin:0 0 5px 10px;
	font-size:14px;
	line-height:1.6em;
	}
.goodslist ul li a p{
	font-size:13px;
	margin:0 10px;
	}
.goodslist ul li a p span{
	font-size:16px;
	}

.goodsstatus{ display:block; width:120px; font-size:0px; text-align:center; margin-top:8px; }
.goodsstatus00{ display:inline-block; background-color:#f7637a; color:#ffffff; font-size:12px; padding:0px 8px; margin:0px 5px 0px 0px; }
.goodsstatus01{ display:inline-block; background-color:#f3d924; color:#ffffff; font-size:12px; padding:0px 8px; margin:0px 5px 0px 0px; }
.goodsstatus02{ display:inline-block; background-color:#0a56a8; color:#ffffff; font-size:12px; padding:0px 8px; margin:0px 5px 0px 0px; }
.goodsstatus04{ display:inline-block; background-color:#565656; color:#ffffff; font-size:12px; padding:0px 8px; margin:0px 5px 0px 0px; }

/* Single
--------------------------------------------------------- */
#blogentrySingle{ padding:0px 0px 20px 0px; min-height:auto; }
.blogmeta{ padding:20px 20px 20px 10px; }
.blogmetaTime{ float:none; color:#657786; margin-left:5px; }
.blogCategory{ float:none; width:auto; text-align:left; font-size:14px; font-weight:bold; color:#657786; margin-bottom:10px; }
.blogCategory a{display:inline-block; padding:10px 15px; font-size:12px;letter-spacing:.08em;line-height:1;color:#657786; border-radius:20px;border:1px solid #657786;}
.blogCategory a:hover{ color:#333333; border:1px solid #333333; transition-property: all;transition: 0.1s linear; }



.blogCategoryTitle{font-size:12px; font-weight:bold; color:#657786; margin-right:5px; }


.single_mainimg{ background-color: #ffffff; padding:0px 0px 0px 0px; text-align:center; }
.single_mainimg img{ width:100%; }

#blogentrySingleContents{ padding:10px 10px 0px 10px; font-size:16px; line-height:1.8em; min-height:auto; }

#blogentrySingleContents h2{ font-size:16px; font-weight:bold; background-color: #f2f2f2; border-bottom:1px solid #dedede; padding:20px; margin-bottom:20px; }

#blogentrySingleContents h6{ font-size:16px; font-weight:bold; margin-bottom:20px; border-bottom: 2px solid #565656; border-left: 5px solid #565656; padding-left:10px; }
#blogentrySingleContents p{ margin-bottom:20px; }
#blogentrySingleContents p a{ color:#1e4ea6; border-bottom:1px solid #1e4ea6; }
#blogentrySingleContents p a:hover{ border-bottom:0px solid #000099; }
#blogentrySingleContents p img{ max-width:100%; }
#blogentrySingleContents ul li img{ max-width:100%; }

.video { position: relative; height: 0; padding: 30px 0 56.25%; overflow: hidden;}
.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

img.alignleft{
	display:block;
	float:none;
	margin-top:0em;
	margin-bottom:2em;
	margin-right:10px;
	}
img.alignright{
	display:block;
	float:none;
	margin-top:0em;
	margin-bottom:0em;
	}
img.alignnone{
	display:block;
	max-width:100%;
	height:auto;
	}
img.aligncenter{
	display:block;
	margin-bottom:30px;
	}
img.alignnoneoff{
	display:block;
	margin-top:1em;
	margin-bottom:0em;
	}


.goodsCart{ display:block; border: 1px solid #333; margin:10px 0px 20px 0px;
background-image:-moz-linear-gradient(
    top,
    #e60012 0%,
    #c7282b);
    background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#f3d924),
    to(#c7282b));
    border-radius: 4px;        /* CSS3草案 */
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;   /* Firefox用 */
	 text-align:center;
	}
.goodsCart a{ color:#ffffff; display:inline-block; background: url('/assets/enjoynet.co.jp/wp-content/themes/joynet/img/btn_cart.svg') no-repeat; background-position: 20px center; background-size: 15px; padding:10px 30px 10px 45px; text-decoration: none; border-bottom: 0px solid #333333; font-size:13px; }
.goodsCart:hover{
background-image:-moz-linear-gradient(
    top,
    #e60012 0%,
    #993233);
    background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#f3d924),
    to(#993233));
    border-radius: 4px;        /* CSS3草案 */
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;   /* Firefox用 */
	}


#share{ margin:20px 0px 30px 0px; }
#share ul li.twitter a{ height:auto; width:auto; }

#share ul li.twitter a:hover{ color: #ffffff; opacity: 1; }
.button-twitter {
  font-size:14px;
  display:block;
  background-color: #f3d924;
  height:auto;
  position: relative;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  padding:20px 20px;
}
.button-twitter::after {
	position: absolute;
	top: 45%;
	right: 3%;
	content: '';
	width: 5px;
	height: 5px;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.button-twitter:hover::after {
	right: 2%;
	transition-property: all;transition: 0.1s linear;
}




.listimg h3{
	font-size:18px;
	font-weight:bold;
	margin-bottom:30px;
	}
.listimgContents{
	width:100%;
	background-color: #ffffff;
	padding:0px 0px;
	margin:0px;
	}
.listimgContents img{
	width:100%!important;
	border:0px solid #e0e0e0;
	}

/* Sidebar
--------------------------------------------------------- */
.side_ad0{ margin:20px 10px; width:auto; }
.side_ad0 img{ width:100%; }
.side_ad1{ margin:20px 10px; }
.side_ad1 img{ width:100%; }
.side_ad1 a {display:block; width: 100%; height: auto; overflow: hidden;}
.side_ad1 a { position: relative; z-index: 3; }
.side_ad1 a::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
	}
.side_ad1 a:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
	}

/* Breadcrumbs
--------------------------------------------------------- */
#crumbs {
  display: flex;
  align-items: center;
  /* 既存のスタイルを保持 */
  margin: 10px 0px 0px 10px;
  overflow-x: scroll;
  white-space: nowrap;
  padding: 10px 0px 20px 10px;
}




	#crumbs::-webkit-scrollbar { height: 10px; }
	#crumbs .crumbshome{ display:inline-block; font-weight:bold; font-size:14px;  }
	#crumbs .crumbshome a{ padding-bottom:3px; }
	#crumbs .crumbshome a:hover{ border-bottom: solid 2px #565656; }
	#crumbs ul { display:inline-block; padding:0; margin:0; list-style: none; }
	#crumbs ul li{
	display: inline-block;
	position: relative;
	margin-left:25px;
	}
	#crumbs ul li:first-child:before{}
	#crumbs ul li:after{
	display: block; content: ""; width: 3px; height: 3px; margin: -3px 0 0 0; border-top: solid 2px #565656; border-right: solid 2px #565656; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; left: -15px;
	}
	#crumbs ul li a{ font-weight:bold; padding-bottom:3px; font-size:14px; }
	#crumbs ul li a:hover{ border-bottom: solid 2px #565656; }

	#crumbs ul li:last-child:after{
	  content: '';
	}
	#crumbs ul li h1{
	display: inline-block;
 	width:500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding:0;
	margin:0;
	}
	#crumbs ul li h1 a{
	font-weight:normal;
	pointer-events:none;
	padding:0;
	margin:0;
	}



/* Goods template2 */
.wrapMainImg {
	width:100%;
	background:#ffffff;
	margin:0 auto;
	display:block;
}

.wrapMainImg p{
	font-size:14px;
	}

.wrapMainImgL {
	width:100%;
	height:auto;
	display:block;
}
.wrapMainImgL img{
	max-width:100%;
	margin-bottom:30px;
	}

#MainPhoto{
	display:none;
	}
.MainPhoto2{
	display:none;
	margin-top:0px;
}
.wrapMainImgR{
	padding-left:0px;
	width:100%;
	display:block;
	vertical-align: top;
}


.wrapMainImgR ul.wrapMainImgRlist {
	width:100%;
	overflow:hidden;
	clear:both;
	display: flex;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;

	margin-bottom:30px;
}

.wrapMainImgRsp{text-align:center;}
.wrapMainImgRsp::before {
	font-size:10px;
	content: "←画像をタップで横にスクロール→";
	}

.wrapMainImgR ul li {
	display:block;
	float:none;
	background:#fff;
	margin-right:10px;
	margin-bottom:16px;
	min-width:200px;
}
ul.wrapMainImgRlist li {
  counter-increment: count-number; }

ul.wrapMainImgRlist li::before {
	content: "["counters(count-number,".") "]";
	color: #000000;
	font-size:12px;
	font-weight: normal;
	line-height: initial;
	}

.wrapMainImgR ul li img {
	cursor:pointer;
	width:100%;
}

table.wrapMainImgtable {width:100%; margin-bottom:40px;}
table.wrapMainImgtable tr td {padding:5px 10px; font-size:14px;}
table.wrapMainImgtable tr {background: #ffffff;}
table.wrapMainImgtable tr:nth-child(odd) td {background: #eeeeee;}


ul.wrapMainImgCart{
	display:block;
	width:100%;
	}
ul.wrapMainImgCart li{
	display:block;
	width:100%;
}
ul.wrapMainImgCart li.wrapMainImgCartLi2 {
	margin-left:0px;
}




/* Mobile PC View
--------------------------------------------------------- */
.viewPC{
	display:none;
	}
.viewMobile{
	display:block;
	}
.br-pc { display:none; }
.br-sp { display:block; }

/* logo background
--------------------------------------------------------- */



}

/* LINE sticker collection overrides
--------------------------------------------------------- */
#Pblogentrycontent .line-sticker-lead h3,
#Pblogentrycontent .line-sticker-timeline h3,
#blogentrySingle .line-sticker-related h3 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 8px;
}
#Pblogentrycontent .line-sticker-character-body h3 {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 10px;
}
#Pblogentrycontent .line-sticker-hero-body h3 {
	font-size: 34px;
	font-weight: bold;
	line-height: 1.35;
	margin: 4px 0 12px;
}
#Pblogentrycontent .line-sticker-series-body h4 {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.45;
	margin: 4px 0 8px;
}
#Pblogentrycontent .line-sticker-button,
#Pblogentrycontent .line-sticker-buy,
#blogentrySingle .line-sticker-related-card {
	text-decoration: none;
}
.line-product-kind {
	display: inline-block;
	margin-bottom: 8px;
	padding: 5px 10px;
	background: #333;
	border-radius: 999px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
}
.line-product-emoji .line-sticker-character-image,
.line-product-emoji.line-sticker-hero {
	background: linear-gradient(180deg, #eafff2 0%, #fff 100%);
	border-color: #06c755;
}
.line-product-theme .line-sticker-character-image,
.line-product-theme.line-sticker-hero {
	background: linear-gradient(180deg, #fff0f2 0%, #fff 100%);
	border-color: #ff8a9a;
}

@media screen and (max-width: 768px) {
	#Pblogentrycontent .line-sticker-lead h3,
	#Pblogentrycontent .line-sticker-timeline h3,
	#blogentrySingle .line-sticker-related h3 {
		font-size: 21px;
	}
	#Pblogentrycontent .line-sticker-hero-body h3 {
		font-size: 27px;
	}
	#Pblogentrycontent .line-sticker-series-body h4 {
		font-size: 20px;
	}
}