/* =
-------------------------------------------------------------- */

/* ————————  ———————— */

/* -- -- */

/* = header
-------------------------------------------------------------- */

.page-template-product .site-top-bg {
	position: static;
}
.page-template-product .site-title .cls-1 {
	fill: #0470b6;
}
.page-template-product .nav-menu li a {
	color: #0470b6;
}
.page-template-product .nav-menu li a:before {
	background-color: #0470b6;
}

/* = main
-------------------------------------------------------------- */

div#main {
	padding-top: 0;
}

/* = Common = Product | 製品ページ
-------------------------------------------------------------- */

.page-template-product .column1440 p,
.page-template-product .column1200 p {
	font-size: 18px;
	margin: 0;
	line-height: 230%;
}

/* -- .column1440 -- */

.page-template-product .column1440 {
	max-width: 1440px;
	margin: 0 auto;
}

/* -- .column1200 -- */
.page-template-product .column1200 {
	max-width: 1200px;
	margin: 0 auto;
}

.page-template-product .column1200 ul,
.page-template-product .column1200 ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* -- .column980 -- */
.page-template-product .column980 {
	max-width: 980px;
	margin: 0 auto;
}

#mv-product {
	position: relative;
	margin: 0 50px 100px;
}
#mv-product img {
	width: 100%;
	height: auto;
}
#mv-product .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.2);
}
/* -- .product-header -- */
.product-header {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	color: #fff;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1;
}
/* - .title - */
.product-header .sub {
	font-size: 80px;
	font-weight: bold;
}
.product-header h1 {
	font-size: 30px;
	margin: 20px 0 0;
	padding: 0 30px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	line-height: 100%;
}

/* ———————— .results ———————— */

.page-template-product .results {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
}
.page-template-product .results .list {
	width: calc(100% / 3);
	padding: 50px;
}
.page-template-product .results .list a {
	text-decoration: none;
	color: #545454;
}
.page-template-product .results .capture-image {
	margin-bottom: 20px;
	text-align: center;
}
.page-template-product .results .capture-image img {
	width: auto;
}
.page-template-product .results .company-name {
	font-size: 16px;
}
.page-template-product .results .detail {
	position: relative;
	min-height: 40px;
	margin-top: 10px;
	line-height: 40px;
}
.page-template-product .results .detail p {
	display: inline-block;
	font-size: 13px;
	margin-right: 15px;
}
.page-template-product .results .detail p:after {
	background-color: #aaa;
	display: inline-block;
	content: "";
	width: 1px;
	height: 13px;
	margin-left: 15px;
}
.page-template-product .results .icon {
	background-color: #ccc;
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: center;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
}
.page-template-product .results .icon img {
	display: inline-block;
}
.page-template-product .results .icon.welcart img {
	width: 18px;
}
.page-template-product .results .icon.woocommerce img {
	width: 25px;
}


/* = page = ec-creation | ECサイト制作
-------------------------------------------------------------- */

/* ———————— #box1 ———————— */

#ec-creation #box1 p.text {
	max-width: 80%;
	margin: 0 auto;
	font-size: 20px;
	text-align: center;
}
#ec-creation #box1 .clearfix {
	margin: 100px 0;
}
#ec-creation #box1 .right {
	float: right;
	margin-left: 80px;
}
#ec-creation #box1 .left div {
	color: #000;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 30px;
	line-height: 160%;
}

/* ———————— #box2 ———————— */

#ec-creation #box2 {
	background-color: #f6f6f6;
}
#ec-creation #box2 .inner {
	padding: 100px 0 120px;
}
/* - ul,li - */
#ec-creation #box2 li {
	background-color: #fff;
	float: none;
	text-align: center;
	width: 66.666%;
	margin: 0 auto;
}
#ec-creation #box2 li:nth-child( 2 ) {
	margin-right: 0;
}
#ec-creation #box2 li img {
	width: auto;
	max-height: 70px;
	margin: 120px 0 100px;
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
}

#ec-creation #box2 .closed img {
	margin: 70px 0;
}

/* -- .expansion -- */

#ec-creation #box2 li .expansion {
	display: block;
	/* margin-bottom: 45px; */
	padding: 0 40px 25px;
}
#ec-creation #box2 .catch-copy {
	color: #000;
	font-size: 30px;
	font-weight: bold;
}

#ec-creation #box2 .expansion ol {
	margin-top: 50px;
}
#ec-creation #box2 .expansion li {
	width: auto;
	float: none;
	margin: 0 0 15px;
	padding: 20px;
	text-align: left;
	background: #efefef;
	border-radius: 10px;
}
#ec-creation #box2 #welcart .expansion li {
	background: #dbec8b;
}
#ec-creation #box2 #woocommerce .expansion li {
	background: #eab4d2;
}
#ec-creation #box2 .expansion li div {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}
#ec-creation #box2 .expansion li p {
	color: #000;
	font-size: 14px;
	line-height: 200%;
}

/* -- .more-btn -- */

#ec-creation #box2 .more-btn {
	background-color: #aaa;
	position: relative;
	margin: 0 auto -45px;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	-webkit-transition: .2s ease all;
	-moz-transition: .2s ease all;
	-o-transition: .2s ease all;
	transition: .2s ease all;
}
#ec-creation #box2 .more-btn:hover {
	cursor: pointer;
}
#ec-creation #welcart .more-btn {
	background-color: #9EBE04;
}
#ec-creation #welcart .more-btn:hover {
	background-color: rgba(158,190,4,.6);
}
#ec-creation #woocommerce .more-btn {
	background-color: #7f59a4;
}
#ec-creation #woocommerce .more-btn:hover {
	background-color: rgba(127,89,164,.6);
}
#ec-creation #box2 .more-btn .btn-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#ec-creation #box2 .plus,
#ec-creation #box2 .plus:before {
	transition: 0.24s cubic-bezier(0.3, 0.74, 0.5, 0.93);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
}
#ec-creation #box2 .plus {
	position: relative;
	width: 4px;
	height: 30px;
	background-color: #fff;
}
#ec-creation #box2 .plus:before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 4px;
	content: "";
	background-color: #fff;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#ec-creation #box2 .closed .plus {
	transform: rotate(-135deg);
}

/* ———————— #box3 ———————— */

#ec-creation #box3 {
	background-color: #ddd;
}
#ec-creation #box3 .inner {
	padding: 100px 0;
}

/* -- table -- */
#ec-creation #box3 table {
	border-collapse: collapse;
}
#ec-creation #box3 caption {
	background-color: #000;
	position: relative;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	margin: 0;
	padding: 20px 0;
	letter-spacing: 1px;
}
#ec-creation #box3 caption:before {
	background-color: #9eBe04;
	display: inline-block;
	content: " ";
	width: 25px;
	height: 20px;
	margin-right: 30px;
}
#ec-creation #box3 th,
#ec-creation #box3 td {
	background-color: #fff;
	text-align: center;
	font-size: 18px;
	border: 1px solid #ddd;
}
#ec-creation #box3 th img {
	width: auto;
	height: 44px;
}
#ec-creation #box3 th,
#ec-creation #box3 td {
	padding: 15px 30px;
}
#ec-creation #box3 td {
	color: #333;
}
#ec-creation #box3 tr td:first-child {
	text-align: left;
	white-space: nowrap;
}
#ec-creation #box3 tr td.ttl {
	text-align: center;
}

#ec-creation #box3 td .circle {
	width: auto;
	height: 20px;
}
#ec-creation #box3 td .triangle {
	width: auto;
	height: 16px;

}
#ec-creation #box3 td .border {
	width: auto;
	height: 3px;

}

/* ———————— #box4 ———————— */

#ec-creation #box4 {
	margin: 100px auto;
}
/* -- .box-title -- */
#ec-creation #box4 .box-title {
	text-align: center;
	color: #000;
	margin-bottom: 60px;
}
#ec-creation #box4 .box-title div {
	font-size: 36px;
	font-weight: bold;
}
#ec-creation #box4 .box-title h2 {
	display: inline-block;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	padding-bottom: 15px;
	border-bottom: 3px solid #707070;
}

/* ———————— #box5 ———————— */

#ec-creation #box5 {
	margin-top: 100px;
	margin-bottom: 100px;
}
#ec-creation #box5 .left {
	float: left;
	width: 40.417%;
	margin-right: 6.667%;
}
#ec-creation #box5 .right {
	width: 52.916%;
	float: left;
}
#ec-creation #box6 .right {
	float: right;
	width: 40.417%;
	margin-left: 6.667%;
}
#ec-creation #box6 .left {
	width: 52.916%;
	float: left;
}
/* -- img =- */
#ec-creation #box5 .left img,
#ec-creation #box6 .right img {
	max-width: 100%;
}
/* -- .box-title -- */
#ec-creation #box5 .box-title,
#ec-creation #box6 .box-title {
	color: #000;
	margin-bottom: 80px;
}
#ec-creation #box5 .box-title div,
#ec-creation #box6 .box-title div {
	font-size: 36px;
	font-weight: bold;
}
#ec-creation #box5 .box-title h2,
#ec-creation #box6 .box-title h2 {
	display: inline-block;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	padding-bottom: 15px;
	border-bottom: 3px solid #707070;
}

/* -- ol li -- */
#ec-creation #box5 ol,
#ec-creation #box6 ol {
	position: relative;
}
#ec-creation #box5 ol:before,
#ec-creation #box6 ol:before {
	display: block;
	position: absolute;
	top: 0;
	left: 35px;
	content: " ";
	width: 2px;
	height: 100%;
	background-color: #aaa;
	z-index: -1;
}
#ec-creation #box5 li,
#ec-creation #box6 li {
	margin-bottom: 30px;
}
#ec-creation #box5 li:last-child,
#ec-creation #box6 li:last-child {
	margin-bottom: 0;
}
#ec-creation #box5 li .icon,
#ec-creation #box6 li .icon {
	background-color: #aaa;
	position: relative;
	float: left;
	width: 70px;
	height: 70px;
	border-radius: 50%;
}
#ec-creation #box5 li .icon span,
#ec-creation #box6 li .icon span {
	display: block;
	width: 65px;
	height: 65px;
	margin: 2.5px;
	border: 2px solid #fff;
	border-radius: 50%;
}
#ec-creation #box5 li .icon img,
#ec-creation #box6 li .icon img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: 30px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#ec-creation #box5 li .text,
#ec-creation #box6 li .text {
	background-color: #aaa;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 0 80px;
	padding: 0 40px;
	line-height: 70px;
	border-radius: 50px;
}
#ec-creation #box6 li .text .price {
	float: right;
	letter-spacing: 1px;
}

#ec-creation #box5 li:nth-child(1) .icon,
#ec-creation #box5 li:nth-child(1) .text {
	background-color: #6ec4d5;
}

#ec-creation #box5 li:nth-child(2) .icon,
#ec-creation #box5 li:nth-child(2) .text {
	background-color: #109CD9;
}

#ec-creation #box5 li:nth-child(3) .icon,
#ec-creation #box5 li:nth-child(3) .text {
	background-color: #0B4C82;
}

#ec-creation #box5 li:nth-child(4) .icon,
#ec-creation #box5 li:nth-child(4) .text {
	background-color: #7489C0;
}

#ec-creation #box6 li:nth-child(1) .icon,
#ec-creation #box6 li:nth-child(1) .text {
	background-color: #94D1A8;
}

#ec-creation #box6 li:nth-child(2) .icon,
#ec-creation #box6 li:nth-child(2) .text {
	background-color: #0A91A5;
}

#ec-creation #box6 li:nth-child(3) .icon,
#ec-creation #box6 li:nth-child(3) .text {
	background-color: #0A91A5;
}

#ec-creation #box6 .banner {
	margin-top: 60px;
}


/* = page = other | その他開発
-------------------------------------------------------------- */

/* ———————— title ———————— */

#other .main-title,
#other .sub-title {
	color: #000;
}

/* -- #box2 + box3 -- */
#other #box2 .main-title,
#other #box3 .main-title {
	background-color: #eee;
	padding: 100px 0;
}
/* -- .main-title -- */
#other .main-title .sub,
#other .main-title h2 {
	display: inline-block;
}
#other .main-title .sub {
	font-size: 36px;
	font-weight: bold;
}
#other .main-title h2 {
	font-size: 24px;
	font-weight: bold;
	margin: 0;
}
#other .main-title h2:before {
	content: "/";
	display: inline-block;
	margin: 0 10px 0 20px;
}

/* -- .sub-title -- */
#other .sub-title,
#other .sub-title div {
	display: block;
}
#other .sub-title {
	text-align: center;
	margin-bottom: 60px;
}
#other .sub-title div {
	font-size: 36px;
	font-weight: bold;
}
#other .sub-title h3 {
	display: inline-block;
	width: auto;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	padding-bottom: 15px;
	border-bottom: 3px solid #000;
}

/* ———————— box ———————— */

#other .column {
	margin-bottom: 100px;
}

/* -- .description -- */
#other .description {
	margin-top: 100px;
}
#other .description .right {
	float: right;
	margin-left: 80px;
}
#other .left div {
	color: #000;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 30px;
	line-height: 160%;
}

/* ———————— .works + .price-list ———————— */

#other .works,
#other .price-list {
	margin-top: 80px;
}

/* -- .price-list -- */
#other .price-list table {
	border-collapse: collapse;
}
#other .price-list th,
#other .price-list td {
	vertical-align: middle;
	border: 1px solid #ddd;
}
/* - th - */
#other .price-list th {
	background-color: #0156B8;
	text-align: center;
	color: #fff;
	white-space: nowrap;
}
#other .price-list tr th:first-child {
	width: 55%;
}
#other .price-list tr th:last-child {
	background-color: #000;
}
/* - td - */
#other .price-list tr td:first-child {
	font-weight: bold;
}
#other .price-list tr td:nth-child(2) {
	text-align: center;
}
#other .price-list tr td:last-child {
	text-align: right;
	white-space: nowrap;
}
/* -- #box3 -- */
#other #box3 tr:nth-child(4) td:nth-child(2) {
	font-weight: bold;
	text-align: left;
}


/* = page = managed-hosting | ホスティング・保守
-------------------------------------------------------------- */

#hosting .column {
	margin-bottom: 100px;
}

#hosting h2 {
	color: #000;
	font-size: 30px;
	margin: 0 0 40px;
	padding: 0;
}

/* -- .main-title -- */

#hosting .main-title {
	color: #000;
	margin-bottom: 30px;
}
#hosting .main-title div,
#hosting .main-title h3 {
	display: inline-block;
}
#hosting .main-title div {
	font-size: 36px;
	font-weight: bold;
}
#hosting .main-title h3 {
	width: auto;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
#hosting .main-title h3:before {
	content: "/";
	display: inline-block;
	margin: 0 10px 0 20px;
}

/* -- .indent -- */

#hosting .indent {
	margin-left: 40px;
}


/* ———————— #box1 ———————— */

#hosting #box1 .text {
	text-align: center;
}
#hosting #box1 .description {
	margin-top: 100px;
}
#hosting #box1 .right {
	float: right;
	margin-left: 80px;
}
#hosting #box1 .left div {
	color: #000;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 30px;
	line-height: 160%;
}

/* ———————— #box3 ———————— */

#hosting #box3 li {
	float: left;
	width: 48.75%;
	margin-right: 2.5%;
}
#hosting #box3 li:nth-child( even ) {
	margin-right: 0;
}
#hosting #box3 li:nth-child( n + 3 ) {
	margin-top: 60px;
}
#hosting #box3 li .image img {
	max-width: 100%;
}
#hosting #box3 li h3 {
	text-align: center;
	width: auto;
	color: #000;
	font-size: 24px;
	margin: 40px 30px;
	padding: 0;
}
#hosting #box3 li p {
	margin: 0 30px;
}
#hosting #box3 li p span {
	display: block;
	font-size: 16px;
	margin-top: 20px;
	line-height: 160%;
}

#hosting #box3 li p span {
	display: block;
	margin-top: .2rem;
	font-size: 18px;
	line-height: 2;
}

#hosting #box3 li p span.link-credit-card a {
	text-decoration: underline;
}

#hosting #box3 li p span.link-credit-card a:hover {
	text-decoration: none;
}

/* ———————— #box4 ———————— */

#hosting #box4 .text {
	margin-bottom: 60px;
}
#hosting #box4 .other-text {
	text-align: right;
}

/* -- table -- */
#hosting #box4 table {
	color: #333;
	margin: 30px 0;
	border-collapse: collapse;
}
#hosting #box4 th,
#hosting #box4 td {
	vertical-align: middle;
	text-align: center;
	border: 1px solid #ddd;
}
#hosting #box4 tr th {
	color: #fff;
}
#hosting #box4 tr th:first-child {
	background-color: #0156B8;
	width: 80%;
}
#hosting #box4 tr th:last-child {
	background-color: #000;
}
#hosting #box4 tr td:first-child {
	font-weight: bold;
	white-space: nowrap;
}
#hosting #box4 tr td:last-child {
	text-align: right;
}


/* ———————— #box5 ———————— */

#hosting #box5 h3,
#hosting #box5 h4 {
	color: #000;
}
#hosting #box5 .clearfix {
	margin-bottom: 80px;
}
#hosting #box5 .right {
	float: right;
	margin-left: 80px;
}
#hosting #box5 h3 {
	font-size: 30px;
	margin: 0 0 50px;
	padding-left: 20px;
	border-left: 8px solid #000;
	line-height: 30px;
}
#hosting #box5 h4 {
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 30px;
}
/* -- .list -- */
#hosting #box5 .list {
	margin-top: 80px;
}
#hosting #box5 .list:last-child {
	margin-bottom: 80px;
}
#hosting #box5 .text {
	margin-bottom: 30px;
}
#hosting #box5 .other-text {
	font-weight: bold;
	margin: 50px 0;
	text-align: center;
}

/* -- table -- */
#hosting #box5 table {
	color: #333;
	border-collapse: collapse;
}
#hosting #box5 th,
#hosting #box5 td {
	vertical-align: middle;
	border: 1px solid #ddd;
}
#hosting #box5 th {
	width: 45%;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}
#hosting #box5 td {
	text-align: right;
}

/* #box6 */

#hosting #box6 {
	margin-top: 4rem;
	animation: ease .3s;
}

#hosting #box6 .security-num {
	margin: 1rem 0 3rem 3rem;
	line-height: 1.6;
}

#hosting #box6 .security-num li {
	width: 100%;
	margin-bottom: .3125rem;
	padding-left: .625rem;
	list-style-type: decimal;
}

#hosting #box6 .security-list dd {
	padding: 30px 2rem 0;
	border: 2px solid #eee;
	border-top: none;
	line-height: 2;
}

#hosting #box6 .bubble {
	font-size: 16px;
}

#hosting #box6 .security-list dt {
	margin: 30px 0 0;
	padding: 20px;
	border: 2px solid #eee;
	background-color: #f0f0f0;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

#hosting #box6 li {
	font-size: 18px;
	line-height: 2;
}
#hosting #box6 .security-list li {
	width: 100%;
	margin-bottom: .3125rem;
	margin-left: 1.5rem;
	padding-left: .625rem;
	list-style-type: disclosure-open;
	color: #0156b8;
}

#hosting #box6 .security-list ul > li {
	font-weight: bold;
}

#hosting #box6 .security-list .bubble {
	margin-top: .625rem;
	margin-bottom: 2.5rem;
	padding: 1.25rem;
	border: 1px solid #ddd;
	border-radius: 10px;
	color: #333;
}

#hosting #box6 .security-list ul {
	display: flex;
}


/* ———————— .contact-btn ———————— */

#hosting .contact-btn {
	max-width: 400px;
	margin: 100px auto 0;
	text-align: center;
}
#hosting .contact-btn a {
	background: url(../images/page/product/hosting/bg-arrow.png) no-repeat right 10px center #045794;
	display: block;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	line-height: 100px;
	letter-spacing: 1px;
	-webkit-transition: .2s ease all;
	-moz-transition: .2s ease all;
	-o-transition: .2s ease all;
	transition: .2s ease all;
}
#hosting .contact-btn a:hover {
	background-color: rgba( 4,87,148,.8);
	text-decoration: none;
}
#hosting .contact-btn img {
	width: 36px;
	margin-right: 15px;
}


/* = page = downloads | ダウンロード
-------------------------------------------------------------- */

#downloads {
	margin-top: 80px;
}


/* ———————— .main-title ———————— */

#downloads .main-title {
	color: #000;
}
#downloads .main-title .sub,
#downloads .main-title h2 {
	display: inline-block;
}
#downloads .main-title .sub {
	font-size: 36px;
	font-weight: bold;
}
#downloads .main-title h2 {
	font-size: 24px;
	font-weight: bold;
	margin: 0;
}
#downloads .main-title h2:before {
	content: "/";
	display: inline-block;
	margin: 0 10px 0 20px;
}

/* ———————— .list ———————— */

#downloads .list {
	padding: 50px 0 0;
}
#downloads .list h1 {
	color: #000;
	font-size: 30px;
	margin: 0;
}
#downloads .dl-contents {
	margin: 50px 30px 0;
}
#downloads .dl-contents h2 {
	color: #000;
	font-size: 20px;
	margin: 0 0 48px;
	padding: 0 16px;
	border-left: 8px solid #0571b6;
}
/* -- .left -- */
#downloads .dl-contents .left {
	width: 60%;
	float: left;
	margin-right: 5%;
	padding-left: 2.5%;
}
/* -- .right -- */
#downloads .dl-contents .right {
	width: 35%;
	float: right;
	margin-bottom: 60px;
	padding-right: 2.5%;
}
/* -- table -- */
#downloads .dl-contents table {
	font-size: 14px;
	margin: 0;
	border-collapse: collapse;
}
#downloads .dl-contents th,
#downloads .dl-contents td {
	padding: 15px;
	border: 1px solid #ddd;
}
#downloads .dl-contents th {
	background-color: #eee;
	text-align: center;
}

/* -- .download -- */
#downloads .download {
	margin: 0;
	text-align: right;
}
#downloads .download a {
	display: inline-block;
	min-width: 310px;
	text-align: center;
}
#downloads .download a:hover {
	text-decoration: none;
}
#downloads .download i {
	margin-right: 15px;
}

/* -- .manual-btn -- */
#downloads .manual-btn,
#downloads .rn-btn {
	display: inline-block;
	font-size: 15px;
}
#downloads .manual-btn {
	margin-bottom: 10px;
}
#downloads .manual-btn a,
#downloads .rn-btn a {
	display: inline-block;
	line-height: 40px;
	border: 1px solid #0470b6;
	border-radius: 4px;
}

/* -- .dl-btn -- */
#downloads .dl-btn {
	margin-bottom: 15px;
	font-size: 18px;
}
#downloads .dl-btn a {
	background-color: #0470b6;
	font-weight: bold;
	color: #fff;
	letter-spacing: 2px;
	line-height: 60px;
	border-radius: 6px;
}


/* -- .dl-description -- */
#downloads .dl-description {
	clear: both;
	padding: 60px 0 0;
	border-top: 2px solid #eee;
}
#downloads .dl-description h3 {
	color: #000;
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 15px;
}
#downloads .dl-description h4 {
	font-size: 18px;
	padding: 0;
	border: none;
}
#downloads .dl-description p,
#downloads .dl-description dt,
#downloads .dl-description dd {
	color: #333;
}

.release-note {
	background: #f6f6f6;
	margin: 80px 30px 0;
	padding: 40px 40px;
	border: 1px solid #eee;
}
.release-note h2 {
	margin-top: 0;
	color: #111;
	font-size: 24px;
}
.release-note h4 {
	margin: 40px 0 20px;
	font-size: 18px;
}
#release-note p {
	margin-bottom: 12px;
	line-height: 1.4;
}
#release-note p:last-child {
	margin-bottom: 0;
}
#release-note ul {
	list-style: disc;
	margin-left: 24px;
	font-size: 15px;
}
#release-note li {
	margin-bottom: 8px;
	padding-left: 12px;
}
#release-note li:last-child {
	margin-bottom: 0;
}

/* ———————— #sp-woo ———————— */
#sp-woo {
	background-color: #fff;
	border: 20px solid #f6f6f6;
}
#sp-woo .inner {
	margin: 40px;
}
#sp-woo p {
	font-size: 16px;
}
/* -- font-family -- */
span.gf {
	background: none;
	font-family: 'Ramabhadra', sans-serif;
	padding: 0;
}
/* -- #box1 -- */
#sp-woo #box1 {
	margin: 0 0 60px;
}
#sp-woo #box1 h3 {
	background-color: #000;
	color: #fff;
	font-size: 20px;
	margin: 0 0 40px;
	padding: 15px 10px;
}
#sp-woo #box1 h3:before {
	display: inline-block;
	content: "";
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin: -5px 20px 0 0;
}
#sp-woo #box1 h3:before {
	background-color: #0571b6;
}
#sp-woo #box1 h3 span {
	font-size: 20px;
	font-weight: normal;
}
#sp-woo #box1 h3 i {
	display: inline-block;
	font-size: 30px;
	margin: 0 0 0 5px;
	vertical-align: bottom;
}

/* -- #box2 -- */
#sp-woo #box2,
#sp-woo #box3,
#sp-woo #box4,
#sp-woo #box5 {
	margin: 60px 0 0;
}
#sp-woo #box2 h3,
#sp-woo #box3 h3,
#sp-woo #box4 h3,
#sp-woo #box5 h3 {
	background-color: #000;
	color: #fff;
	font-size: 18px;
	margin: 0 0 20px;
	padding: 15px 10px;
}
#sp-woo #box2 h3:before,
#sp-woo #box3 h3:before,
#sp-woo #box4 h3:before,
#sp-woo #box5 h3:before {
	background-color: #0571b6;
	display: inline-block;
	content: "";
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin: -5px 15px 0 0;
}
#sp-woo #box2 h3 span,
#sp-woo #box3 h3 span,
#sp-woo #box4 h3 span {
	background: none;
	font-size: 20px;
	font-weight: normal;
	margin-right: 5px;
	padding: 0;
}
#sp-woo #box2 .box-list {
	background-color: #dae3fc;
	margin-top: 10px;
	padding: 20px;
}
#sp-woo #box2 img {
	max-width: 20%;
	float: left;
	margin-right: 3%;
}
#sp-woo #box2 h4 {
	clear: none;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 10px;
}
#sp-woo #box2 .box-list p {
	margin-left: 18%;
}

/* -- #box3 -- */
#sp-woo #box3 dl {
	margin: 0;
}
#sp-woo #box3 dt {
	color: #000;
	font-size: 20px;
	margin-bottom: 10px;
}
#sp-woo #box3 dd {
	background-color: #dae3fc;
	font-size: 16px;
	margin-bottom: 20px;
	padding: 30px;
	line-height: 200%;
}
#sp-woo #box3 dd:last-child {
	margin-bottom: 0;
}

/* -- #box4 -- */
#sp-woo #box4 .block1,
#sp-woo #box4 .block2 {
	padding: 20px;
}
#sp-woo #box4 .block1 {
	background-color: #dae3fc;
	margin-bottom: 10px;
}
#sp-woo #box4 .block1 p {
	margin-bottom: 10px;
}
#sp-woo #box4 .block1 .image {
	background-color: #fff;
	padding: 30px 0;
}
#sp-woo #box4 .block2 {
	background-color: #dae3fc;
}
#sp-woo #box4 .block2 p {
	margin-bottom: 10px;
}
#sp-woo #box4 h4 {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 5px;
}
#sp-woo #box4 .service {
	background-color: #fff;
	margin-bottom: 5px;
	padding: 20px;
}
#sp-woo #box4 .service span {
	display: block;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
#sp-woo #box4 .service br {
	display: none;
}
#sp-woo #box4 img {
	display: block;
	width: 50%;
	margin: 0 auto;
}

/* -- #box6 -- */
#sp-woo #box5 h3 {
	font-size: 24px;
}
#sp-woo #box5 h4,
#sp-woo #box5 h5 {
	color: #000;
	font-weight: bold;
}
#sp-woo #box5 h4 {
	background-color: #dae3fc;
	font-size: 20px;
	margin: 0 0 30px;
	padding: 12px 15px;
	border-left: 10px solid #0571b6;
}
#sp-woo #box5 h5 {
	position: relative;
	font-size: 20px;
	margin: 0 0 15px;
}
#sp-woo #box5 h5:before {
	background-color: #666;
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 100%;
	height: 1px;
	z-index: -1;
}
#sp-woo #box5 h5 span {
	background-color: #fff;
	display: inline-block;
	padding-right: 40px;
}
#sp-woo #box5 .block1,
#sp-woo #box5 .block2 {
	margin-bottom: 30px;
}
#sp-woo #box5 .block1,
#sp-woo #box5 .block2,
#sp-woo #box5 .block3 {
	margin: 0 0 30px;
}
#sp-woo #box5 table {
	color: #000;
	width: 100%;
	margin-bottom: 10px;
}
#sp-woo #box5 table caption {
	text-align: center;
	background-color: #0571b6;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 10px;
}
#sp-woo #box5 table caption span {
	font-weight: normal;
}
#sp-woo #box5 table th,
#sp-woo #box5 table td {
	font-size: 16px;
	vertical-align: middle;
	padding: 15px;
}
#sp-woo #box5 table th {
	text-align: left;
	font-weight: bold;
}
#sp-woo #box5 .notes {
	position: relative;
	font-size: 14px;
	line-height: 200%;
	padding-left: 30px;
}
#sp-woo #box5 .notes span:first-child {
	position: absolute;
	top: 0;
	left: 0;
	margin-right: 5px;
}
#sp-woo #box5 .textarea {
	background-color: #dae3fc;
	color: #333;
	font-size: 14px;
	padding: 20px;
}
#sp-woo #box5 .block2 table th {
	white-space: nowrap;
}
#sp-woo #box5 .block3 .notes {
	margin-bottom: 10px;
}
#sp-woo #box5 ol {
	margin-left: 20px;
}
#sp-woo #box5 ol li {
	margin-bottom: 8px;
	list-style: decimal;
}
#sp-woo #box5 ol li:last-child {
	margin-bottom: 0;
}


/* ———————— #spfw-request ———————— */

#spfw-request {
	color: #000;
	margin-top: 50px;
	text-align: center;
}
#downloads #spfw-request h3 {
	font-size: 26px;
	margin: 0 0 20px;
}
#spfw-request h3 span {
	background: none;
	font-size: 30px;
	font-weight: normal;
	margin-right: 5px;
	padding: 0;
	letter-spacing: -1.5px;
}
#spfw-request h3:before {
	background-color: #000;
	display: inline-block;
	content: "";
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin: -5px 20px 0 0;
}
#downloads #spfw-request h4 {
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	margin: 40px 0;
	padding: 0 20px;
	border-left: 2px solid #333;
	border-right: 2px solid #333;
	line-height: 22px;
}
#downloads #spfw-request p {
	color: #000;
}
#spfw-request p.append {
	font-size: 14px;
}
#spfw-request .text {
	font-size: 20px;
}
#spfw-request .block {
	margin: 10px auto 0;
	padding: 20px;
	width: 60%;
	background-color: #f6f6f6;
}
#spfw-request .request {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}
#spfw-request .spfw-btn {
	margin-top: 20px;
	text-align: left;
}
#spfw-request .spfw-btn:first-child {
	margin-top: 0;
}
#spfw-request .spfw-btn a {
	background-color: #109cd9;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	padding: 0 60px;
	border-bottom: 4px solid #1687b9;
	line-height: 60px;
	-webkit-transition: .2s ease all;
	-moz-transition: .2s ease all;
	-o-transition: .2s ease all;
	transition: .2s ease all;
}
#spfw-request .spfw-btn a:hover {
	background-color: rgba( 16,156,217,.6 );
	text-decoration: none;
}
#spfw-request .spfw-btn i {
	font-size: 20px;
	margin-left: 8px;
	vertical-align: middle;
}

#dl-spwoo .fc-red {
	color: #c00;
}
#dl-spwoo .tab-box.select {
	display: block;
}
#dl-spwoo .tab-box {
	display: none;
	margin-bottom: 30px;
	padding: 30px 30px 0;
	border: #666 0 solid;
	border-width: 0 2px 2px 2px;
}
#dl-spwoo .tab-list-area {
	overflow: hidden;
	line-height: 1;
}
#dl-spwoo .tab-list {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	border-bottom: #666 2px solid;
}
#dl-spwoo .tab-list li {
	position: relative;
	display: block;
	top: 4px;
	bottom: 0;
	padding: 1em;
	color: #aaa;
	font-weight: 800;
	cursor: pointer;
}
#dl-spwoo .tab-list li::before,
#dl-spwoo .tab-list li::after {
	content: '';
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-color: #666;
	border-style: solid;
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(1, 0.6, 0, 1);
	transition: transform 0.2s cubic-bezier(1, 0.6, 0, 1);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#dl-spwoo .tab-list li::before {
	border-color: #666 transparent #fff;
	border-width: 2px 0;
	-webkit-transform: translateY(calc(100% - 2px));
	transform: translateY(calc(100% - 2px));
}
#dl-spwoo .tab-list li::after {
	border-width: 0 2px;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}
#dl-spwoo .tab-list li.select {
	top: 2px;
	bottom: -2px;
	color: #000;
}
#dl-spwoo .tab-list li.select::before,
#dl-spwoo .tab-list li.select::after {
	-webkit-transition-timing-function: cubic-bezier(1, 0.6, 0, 1.22);
	transition-timing-function: cubic-bezier(1, 0.6, 0, 1.22);
}
#dl-spwoo .tab-list li.select::before {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
#dl-spwoo .tab-list li.select::after {
	-webkit-transform: scale(1);
	transform: scale(1);
}


@media screen and (max-width:1480px){
	

	/* = Common = Product | 製品ページ
	-------------------------------------------------------------- */

	/* -- .column1440 -- */

	/* .page-template-product .column1440 {
		margin: 0 30px;
	} */

	/* = page = other | その他開発
	-------------------------------------------------------------- */
	
	#other .main-title {
		padding: 0 30px;
	}
	#other #box2 .main-title,
	#other #box3 .main-title {
		padding: 60px 30px;
	}

	/* = page = download | ダウンロード
	-------------------------------------------------------------- */
	
	#downloads .main-title {
		padding: 0 30px;
	}

	
}

@media screen and (max-width:1200px){

	/* = Common = Product | 製品ページ
	-------------------------------------------------------------- */
	
	.page-template-product .column1200 {
		margin: 0 30px;
	}
	#mv-product {
		position: relative;
		margin: 0 30px 100px;
	}
	
	
	/* = page = downloads | ダウンロード
	-------------------------------------------------------------- */
	
	#downloads .dl-contents {
		margin: 60px 0 0;
	}
	


}

@media screen and (max-width:1024px){


	/* = Common = Product | 製品ページ
	-------------------------------------------------------------- */
	
	#mv-product {
		margin: 0 20px 60px;
	}
	.page-template-product .column1440 p,
	.page-template-product .column1200 p {
		font-size: 16px;
	}
	
	
	/* ———————— .results ———————— */
	.page-template-product .results .capture-image {
		margin-bottom: 20px;
	}
	.page-template-product .results .company-name {
		font-size: 14px;
	}
	.page-template-product .results .detail {
		margin-top: 5px;
	}
	.page-template-product .results .detail p {
		font-size: 14px;
	}

	
	/* = page = ec-creation | ECサイト制作
	-------------------------------------------------------------- */

	/* ———————— #box1 ———————— */
	
	#ec-creation #box1 .clearfix {
		margin: 60px 0;
	}
	#ec-creation #box1 p.text {
		font-size: 18px;
	}
	/* -- .clearfix -- */
	#ec-creation #box1 .right,
	#ec-creation #box1 .left {
		float: none;
	}
	#ec-creation #box1 .right {
		text-align: center;
		margin:  0 0 40px;
	}
	
	/* ———————— #box2 ———————— */
	
	#ec-creation #box2 .inner {
		padding: 80px 0;
	}
	#ec-creation #box2 li {
		float: none;
		position: relative;
		width: auto;
		margin: 0 0 85px;
	}
	#ec-creation #box2 li:last-child {
		margin-bottom: 0;
	}
	#ec-creation #box2 li img {
		margin: 100px 0;
	}
	#ec-creation #box2 li .expansion {
		padding: 0 40px 80px;
	}
	#ec-creation #box2 .more-btn {
		position: absolute;
		bottom: -45px;
		left: 50%;
		margin: 0;
		width: 70px;
		height: 70px;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
	
	/* ———————— #box3 ———————— */
	
	#ec-creation #box3 .inner {
		padding: 60px 0;
	}
	#ec-creation #box3 caption {
		font-size: 24px;
	}

	/* ———————— #box4 ———————— */
	
	#ec-creation #box4,
	#ec-creation #box5 {
		margin: 80px 30px;
	}
	
	/* ———————— #box5 ———————— */
	
	#ec-creation #box5 .left,
	#ec-creation #box5 .right,
	#ec-creation #box6 .left,
	#ec-creation #box6 .right {
		float: none;
		width: auto;
	}
	#ec-creation #box5 .left,
	#ec-creation #box6 .right {
		margin: 0 0 20px;
		text-align: center;
	}
	#ec-creation #box4 .box-title,
	#ec-creation #box5 .box-title,
	#ec-creation #box6 .box-title {
		text-align: center;
		margin-bottom: 30px;
	}
	
	
	/* = page = other | その他開発
	-------------------------------------------------------------- */
	
	
	#other .column {
		margin-bottom: 60px;
	}
	
	/* ———————— .description ———————— */
	
	#other .description {
		margin-top: 60px;
	}
	#other .description .right {
		float: none;
		margin: 0 0 40px;
		text-align: center;
	}

	/* ———————— .works + .price-list ———————— */
	
	#other .works,
	#other .price-list {
		margin-top: 50px;
	}

	
	/* = page = managed-hosting | ホスティング・保守
	-------------------------------------------------------------- */
	
	#hosting .column {
		margin-bottom: 60px;
	}
	
	/* -- float image -- */
	#hosting #box1 .right,
	#hosting #box5 .right {
		float: none;
		margin: 0 0 40px;
		text-align: center;
	}
	
	/* ———————— #box1 ———————— */
	
	#hosting #box1 .description {
		margin-top: 60px;
	}

	/* ———————— #box5 ———————— */
	
	#hosting #box5 h3 {
		margin-bottom: 60px;
	}
	#hosting #box5 h4 {
		margin-bottom: 20px;
	}
	#hosting #box5 .right {
		position: relative;
		height: 200px;
		overflow: hidden;
	}
	#hosting #box5 .right img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	#hosting #box5 .list {
		margin-top: 40px;
	}
	#hosting #box5 .clearfix,
	#hosting #box5 .list:last-child {
		margin-bottom: 60px;
	}

	/* ———————— .contact-btn ———————— */

	#hosting .contact-btn {
		margin-top: 60px;
	}

}

@media screen and (max-width:979px){}

@media screen and (max-width:880px){}

@media screen and (max-width:768px){
	
	
	/* = Common = Product | 製品ページ
	-------------------------------------------------------------- */
	
	.page-template-product .column1200 {
		margin: 0 15px;
	}
	.page-template-product .column1440 p,
	.page-template-product .column1200 p {
		font-size: 14px;
		line-height: 200%;
	}
	
	.product-header .sub {
		font-size: 36px;
	}
	.product-header h1 {
		font-size: 20px;
	}
	
	#mv-product {
		margin: 0 15px 40px;
	}
	
	
	/* ———————— .results ———————— */

	.page-template-product .results .list {
		width: calc((100% - 15px) / 2);
		padding: 0 0 15px 0;
	}
	
	/* = page = ec-creation | ECサイト制作
	-------------------------------------------------------------- */

	/* ———————— #box1 ———————— */
	
	#ec-creation #box1 .clearfix {
		margin: 40px 0;
	} 
	#ec-creation #box1 p.text {
		font-size: 16px;
	}
	#ec-creation #box1 .right {
		position: relative;
		height: 150px;
		overflow: hidden;
	}
	#ec-creation #box1 .right img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	#ec-creation #box1 .left div {
		font-size: 20px;
	}

	
	/* ———————— #box2 ———————— */
	
	#ec-creation #box2 .catch-copy {
		font-size: 24px;
	}
	#ec-creation #box2 .expansion ol {
		margin-top: 40px;
	}
	
	/* ———————— #box3 ———————— */
	
	#ec-creation #box3 th,
	#ec-creation #box3 td {
		display: table-cell;
		padding: 15px;
	}
	
	/* ———————— #box4 ———————— */
	
	#ec-creation #box4 .box-title div,
	#ec-creation #box5 .box-title div,
	#ec-creation #box6 .box-title div {
		font-size: 30px;
	}
	#ec-creation #box4 .box-title h2,
	#ec-creation #box5 .box-title h2,
	#ec-creation #box6 .box-title h2 {
		font-size: 16px;
	}
	
	#ec-creation #box5 .left,
	#ec-creation #box6 .right {
		position: relative;
		height: 200px;
		overflow: hidden;
	}
	#ec-creation #box5 .left img,
	#ec-creation #box6 .right img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	#ec-creation #box5 li .icon,
	#ec-creation #box6 li .icon {
		width: 60px;
		height: 60px;
	}
	#ec-creation #box5 li .icon span,
	#ec-creation #box6 li .icon span {
		width: 55px;
		height: 55px;
	}
	#ec-creation #box5 li .text,
	#ec-creation #box6 li .text {
		font-size: 16px;
		line-height: 60px;
	}
	
	
	/* = page = other | その他開発
	-------------------------------------------------------------- */
	
	/* ———————— title ———————— */
	
	#other .main-title .sub,
	#other .sub-title div {
		font-size: 30px;
		font-weight: bold;
	}
	#other .main-title h2,
	#other .sub-title h3 {
		font-size: 16px;
	}
	#other .sub-title h3 {
		padding-bottom: 10px;
	}
	
	/* ———————— .description ———————— */
	
	#other .left div {
		font-size: 20px;
		margin-bottom: 30px;
	}
	
	/* ———————— .price-list ———————— */
	
	#other .price-list th,
	#other .price-list td {
		display: table-cell;
	}

	
	/* = page = managed-hosting | ホスティング・保守
	-------------------------------------------------------------- */
	
	/* ———————— .title ———————— */
	
	/* -- h2 -- */
	#hosting h2 {
		font-size: 22px;
		margin-bottom: 30px;
	}
	
	/* -- .main-tilte -- */
	#hosting .main-title {
		margin-bottom: 20px;
	}
	#hosting .main-title div {
		font-size: 30px;
	}
	#hosting .main-title h3 {
		font-size: 16px;
	}
	
	/* ———————— .indent ———————— */
	
	#hosting .indent {
		margin: 0;
	}
	
	/* ———————— table ———————— */
	
	#hosting table th,
	#hosting table td {
		display: table-cell;
	}
	
	/* ———————— #box1 ———————— */
	
	#hosting #box1 .left div {
		font-size: 20px;
		margin-bottom: 30px;
	}
	
	/* ———————— #box3 ———————— */
	
	#hosting #box3 li h3 {
		font-size: 20px;
		margin: 20px 10px;
	}
	#hosting #box3 li p {
		margin: 0 10px;
	}
	
	/* ———————— #box4 ———————— */
	
	#hosting #box4 .text {
		margin-bottom: 30px;
	}
	
	/* ———————— #box5 ———————— */
	
	#hosting #box5 h3 {
		font-size: 20px;
		margin-bottom: 30px;
		line-height: 20px;
	}
	#hosting #box5 h4 {
		font-size: 18px;
	}
	#hosting #box5 .right {
		margin-bottom: 20px;
	}
	#hosting #box5 .other-text {
		margin-top: 30px;
		text-align: left;
	}

	
	/* = page = download | ダウンロード
	-------------------------------------------------------------- */
	
	#downloads {
		margin-top: 50px;
	}
	/* -- .main-title -- */
	#downloads .main-title {
		padding: 0 15px;
	}
	#downloads .main-title .sub {
		font-size: 30px;
	}
	#downloads .main-title h2 {
		font-size: 16px;
	}
	
	/* -- .list -- */
	#downloads .list {
		padding: 40px 0;
	}
	#downloads .list h1 {
		font-size: 22px;
	}
	#downloads .dl-contents {
		margin-top: 30px;
	}
	#downloads .dl-contents h2 {
		font-size: 20px;
		margin-bottom: 30px;
	}
	#downloads .dl-contents .left {
		float: none;
		text-align: center;
		width: auto;
		margin: 0 0 30px;
		padding: 0;
	}
	#downloads .dl-contents .right {
		width: auto;
		float: none;
		padding: 0;
	}
	/* -- table -- */
	#downloads .dl-contents th,
	#downloads .dl-contents td {
		display: table-cell;
		padding: 10px;
	}
	
	#downloads .download {
		text-align: center;
		margin: 30px 0 0;
	}
	#downloads .manual-btn,
	#downloads .dl-btn {
		display: inline-block;
		width: 45%;
		margin: 0;
	}
	#downloads .download a,
	#downloads .manual-btn a {
		display: block;
		min-width: auto;
	}
	#downloads .manual-btn a {
		line-height: 58px;
	}
	
	/* -- .dl-description -- */
	#downloads .dl-description {
		padding-top: 30px;
	}
	#downloads .dl-description h4 {
		font-size: 18px;
	}
	
	/* -- #sp-woo -- */
	#sp-woo .inner {
		margin: 30px;
	}
	#sp-woo .table-wrap {
		width: 100%;
		overflow-x: scroll;
	}
	#sp-woo #box5 table {
		min-width: 600px;
	}
	#sp-woo #box5 table th,
	#sp-woo #box5 table td {
		font-size: 14px;
	}
	#sp-woo #box1 {
		margin-bottom: 30px;
	}
	#sp-woo #box2,
	#sp-woo #box3,
	#sp-woo #box4,
	#sp-woo #box5 {
		margin-top: 30px;
	}
	#sp-woo #box1 h3,
	#sp-woo #box2 h3,
	#sp-woo #box3 h3,
	#sp-woo #box4 h3,
	#sp-woo #box5 h3 {
		position: relative;
		font-size: 18px;
		padding: 10px 10px 10px 40px;
		line-height: 190%;
	}
	#sp-woo #box1 h3 {
		margin-bottom: 20px;
	}

	#sp-woo #box1 h3 span,
	#sp-woo #box2 h3 span,
	#sp-woo #box3 h3 span,
	#sp-woo #box4 h3 span,
	#sp-woo #box5 h3 span {
		font-size: 20px;
	}

	#sp-woo #box1 h3:before,
	#sp-woo #box2 h3:before,
	#sp-woo #box3 h3:before,
	#sp-woo #box4 h3:before,
	#sp-woo #box5 h3:before {
		position: absolute;
		top: 22px;
		left: 10px;
	}
	
	/* -- #box2 -- */
	#sp-woo #box2 h4 {
		font-size: 18px;
	}

	/* -- #box3 -- */
	#sp-woo #box3 dt {
		font-size: 18px;
		margin-bottom: 10px;
	}
	#sp-woo #box3 dd {
		font-size: 16px;
		margin-bottom: 15px;
		padding: 20px;
	}
	
	/* -- #box4 -- */
	#sp-woo #box4 .block1,
	#sp-woo #box4 .block2 {
		padding: 20px;
	}
	#sp-woo #box4 h4 {
		font-size: 18px;
	}
	
	/* -- #box5 -- */
	#sp-woo #box5 h4 {
		font-size: 18px;
		padding: 10px 15px;
	}
	#sp-woo #box5 h5 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	#sp-woo #box5 table caption {
		font-size: 16px;
	}
	
	/* -- #spfw-request -- */
	#spfw-request {
		margin-top: 30px;
	}
	#downloads #spfw-request h3 {
		font-size: 22px;
	}
	#spfw-request h3 span {
		font-size: 24px;
	}
	#downloads #spfw-request h4 {
		font-size: 18px;
		margin: 20px 0;
	}
	#spfw-request .request {
		font-size: 18px;
	}
	#spfw-request .block {
		width: 100%;
		padding: 20px;
	}
	#spfw-request .spfw-btn a {
		font-size: 16px;
	}

	#dl-spwoo .tab-list-area {
		background-color: #f0f0f0;
		color: #000;
		font-weight: 800;
	}
	#dl-spwoo .tab-list {
		display: block;
		border-bottom: 0;
	}
	#dl-spwoo .tab-list li {
		top: inherit;
		bottom: inherit;
		padding: .5em 1em .5em 1.5em;
	}
	#dl-spwoo .tab-list li.select {
		top: inherit;
		bottom: inherit;
		color: #1687b9;
	}
	#dl-spwoo .tab-list li::before,
	#dl-spwoo .tab-list li::after {
		border: 7px solid transparent;
		-webkit-transition: inherit;
		transition: inherit;
	}
	#dl-spwoo .tab-list li.select::before {
		top: 50%;
		left: .5em;
		-webkit-transform: translateY(-50%) !important;
		transform: translateY(-50%) !important;
		width: 0;
		height: 0;
		border-color: transparent transparent transparent #1687b9;
	}
	
}

@media screen and (max-width:620px){
	
	
	/* = Common = Product | 製品ページ
	-------------------------------------------------------------- */
	
	.product-header .sub {
		font-size: 30px;
		white-space: nowrap;
	}
	.product-header h1 {
		font-size: 16px;
		padding: 0 10px;
	}
	
	#mv-product {
		margin: 0 0 30px;
	}
	
	.page-template-product .results .icon {
		width: 35px;
		height: 35px;
		line-height: 35px;
	}

	/* = page = ec-creation | ECサイト制作
	-------------------------------------------------------------- */

	/* ———————— #box1 ———————— */
	
	#ec-creation #box1 p.text {
		font-size: 14px;
		text-align: left;
	}
	#ec-creation #box1 .clearfix {
		margin: 30px 0;
	}
	#ec-creation #box1 .right {
		margin-bottom: 20px;
	}
	#ec-creation #box1 .left div {
		font-size: 18px;
		margin-bottom: 20px;
	}

	/* ———————— #box2 ———————— */
	
	#ec-creation #box2 .inner {
		padding: 30px 0;
	}
	#ec-creation #box2 li {
		margin-bottom: 30px;
	}
	#ec-creation #box2 li img {
		margin: 70px;
	}
	#ec-creation #box2 .closed img {
		margin: 70px 70px 35px;
	}
	#ec-creation #box2 li .expansion {
		padding: 0 20px 40px;
	}
	#ec-creation #box2 .catch-copy {
		font-size: 18px;
	}
	#ec-creation #box2 .expansion ol {
		margin-top: 20px;
	}
	#ec-creation #box2 .expansion li div {
		font-size: 16px;
		margin-bottom: 10px;
	}
	
	#ec-creation #box2 .more-btn {
		width: 40px;
		height: 40px;
		bottom: -20px;
	}
	#ec-creation #box2 .plus {
		width: 2px;
		height: 15px;
	}
	#ec-creation #box2 .plus::before {
		width: 15px;
		height: 2px;
	}
	
	/* ———————— #box3 ———————— */
	
	#ec-creation #box3 .inner {
		padding: 60px 0 40px;
	}
	#ec-creation #box3 caption {
		font-size: 18px;
		padding: 10px 0;
	}
	#ec-creation #box3 caption:before {
		width: 20px;
		height: 15px;
		margin-right: 20px;
	}
	#ec-creation #box3 th,
	#ec-creation #box3 td {
		font-size: 12px;
		padding: 10px;
		border: none;
		border-bottom: 1px solid #ddd;
		vertical-align: middle;
	}
	#ec-creation #box3 th img {
		height: 24px;
	}
	#ec-creation #box3 td .circle {
		height: 15px;
	}
	#ec-creation #box3 td .border {
		height: 2px;
	}
	#ec-creation #box3 td .triangle {
		height: 12px;
	}
	
	/* ———————— #box4,5,6 ———————— */
	
	#ec-creation #box4,
	#ec-creation #box5 {
		margin: 60px 15px;
	}
	#ec-creation #box4 .box-title,
	#ec-creation #box5 .box-title,
	#ec-creation #box6 .box-title {
		margin-bottom: 20px;
	}
	#ec-creation #box4 .box-title div,
	#ec-creation #box5 .box-title div,
	#ec-creation #box6 .box-title div {
		font-size: 22px;
		line-height: 30px;
	}
	#ec-creation #box4 .box-title h2,
	#ec-creation #box5 .box-title h2,
	#ec-creation #box6 .box-title h2 {
		font-size: 14px;
		padding-bottom: 10px;
	}
	
	#ec-creation #box5 ol:before {
		width: 1px;
		left: 22.5px;
	}
	#ec-creation #box5 li,
	#ec-creation #box6 li {
		margin-bottom: 15px;
	}
	#ec-creation #box5 li .icon,
	#ec-creation #box6 li .icon {
		width: 45px;
		height: 45px;
	}
	#ec-creation #box5 li .icon span,
	#ec-creation #box6 li .icon span {
		width: 40px;
		height: 40px;
		border-width: 1px;
	}
	#ec-creation #box5 li .icon img,
	#ec-creation #box6 li .icon img {
		height: 18px;
	}
	#ec-creation #box5 li .text,
	#ec-creation #box6 li .text {
		font-size: 14px;
		margin-left: 50px;
		padding: 0 20px;
		line-height: 45px;
	}
	

	/* = page = other | その他開発
	-------------------------------------------------------------- */
	
	/* ———————— .title ———————— */
	
	#other .main-title .sub {
		font-size: 24px;
	}
	#other .sub-title div {
		font-size: 22px;
	}
	#other .main-title {
		padding: 0 15px;
	}
	#other #box2 .main-title,
	#other #box3 .main-title {
		padding: 30px 15px;
	}
	#other .main-title h2:before {
		margin-left: 10px;
	}
	#other .sub-title {
		margin-bottom: 30px;
	}
	
	/* ———————— .description ———————— */
	
	#other .description {
		margin-top: 30px;
	}
	#other .description .right {
		margin-bottom: 20px;
	}
	#other .left div {
		font-size: 18px;
		margin-bottom: 20px;
	}
	
	/* ————————  .works + .price-list ———————— */
	
	#other .works,
	#other .price-list {
		margin: 30px 0 0;
	}
	
	/* -- .price-list -- */
	#other .price-list th,
	#other .price-list td {
		font-size: 14px;
		padding: 10px;
	}
	
	
	/* = page = managed-hosting | ホスティング・保守
	-------------------------------------------------------------- */
	
	#hosting .column {
		margin-bottom: 30px;
	}
	
	/* ———————— title ———————— */
	
	#hosting h2 {
		font-size: 18px;
		margin-bottom: 30px;
	}
	
	/* -- .mai-tilte -- */
	
	#hosting .main-title div {
		font-size: 24px;
	}
	#hosting .main-title h3:before {
		margin-left: 10px;
	}
	
	
	/* ———————— table ———————— */
	
	#hosting table th,
	#hosting table td {
		font-size: 14px;
		padding: 10px;
	}
	#hosting #box5 th {
		white-space: normal;
		text-align: left;
	}
	
	/* ———————— #box1 ———————— */
	
	#hosting #box1 .description {
		margin-top: 30px;
	}
	#hosting #box1 .right {
		margin-bottom: 20px;
	}
	#hosting #box1 .left div {
		font-size: 18px;
		margin-bottom: 20px;
	}
	
	/* ———————— #box3 ———————— */
	
	#hosting #box3 li {
		width: auto;
		float: none;
		margin-right: 0;
	}
	#hosting #box3 li:nth-child( n + 2 ) {
		margin-top: 30px;
	}
	#hosting #box3 li h3 {
		font-size: 16px;
		margin: 20px 10px 15px;
	}
	
	
	/* ———————— #box4 ———————— */
	
	#hosting #box4 .other-text {
		font-size: 12px;
	}
	
	/* ———————— #box5 ———————— */
	
	#hosting #box5 .clearfix {
		margin-bottom: 30px;
	}
	#hosting #box5 .list {
		margin-top: 30px;
	}
	#hosting #box5 h3 {
		font-size: 18px;
		padding-left: 10px;
		border-left-width: 5px;
		line-height: 18px;
	}
	#hosting #box5 h4 {
		font-size: 16px;
	}

	/* $box6 */
	#hosting #box6 .security-num {
		margin-left: 2rem;
	}

	#hosting #box6 li {
		font-size: 14px;
		line-height: normal;
	}

	/* ———————— .contact-btn ———————— */

	#hosting .contact-btn {
		max-width: none;
		margin: 60px 30px 0;
	}
	#hosting .contact-btn a {
		font-size: 18px;
		line-height: 80px;
	}

	
	/* = page = download | ダウンロード
	-------------------------------------------------------------- */
	
	#downloads {
		margin-top: 10px;
	}
	/* -- .main-title -- */
	#downloads .main-title .sub {
		font-size: 24px;
	}
	#downloads .main-title h2:before {
		margin-left: 10px;
	}
	
	/* -- .main-title -- */
	#downloads .manual-btn,
	#downloads .dl-btn {
		display: block;
		width: auto;
	}
	#downloads .manual-btn {
		margin-bottom: 10px;
	}
	
	/* -- .list -- */
	#downloads .list {
		padding: 20px 0;
	}
	#downloads .list h1 {
		font-size: 16px;
	}
	#downloads .dl-contents {
		margin-top: 20px;
	}
	#downloads .dl-contents .left {
		margin-bottom: 20px;
	}
	#downloads .dl-contents h2 {
		font-size: 16px;
		margin-bottom: 20px;
	}
	#downloads .dl-contents th,
	#downloads .dl-contents td {
		font-size: 14px;
	}
	
	#downloads .manual-btn,
	#downloads .dl-btn {
		font-size: 14px;
	}
	#downloads .manual-btn {
		margin-bottom: 5px;
	}
	#downloads .manual-btn a,
	#downloads .dl-btn a {
		line-height: 45px;
	}
	
	/* -- #sp-woo -- */
	#sp-woo {
		border-width: 10px;
	}
	#sp-woo .inner {
		margin: 15px;
	}
	#sp-woo p {
		font-size: 14px;
	}
	#sp-woo #box1 h3,
	#sp-woo #box2 h3,
	#sp-woo #box3 h3,
	#sp-woo #box4 h3,
	#sp-woo #box5 h3 {
		font-size: 14px;
		line-height: 160%;
	}
	#sp-woo #box1 h3 span,
	#sp-woo #box2 h3 span,
	#sp-woo #box3 h3 span,
	#sp-woo #box4 h3 span,
	#sp-woo #box5 h3 span {
		font-size: 16px;
	}
	#sp-woo #box1 h3:before,
	#sp-woo #box2 h3:before,
	#sp-woo #box3 h3:before,
	#sp-woo #box4 h3:before,
	#sp-woo #box5 h3:before {
		width: 15px;
		height: 15px;
		top: 18px;
	}
	#sp-woo #box1 h3 i {
		font-size: 24px;
		vertical-align: middle;
	}
	
	/* -- #box2 -- */
	#sp-woo #box2 .box-list {
		padding: 20px;
	}
	#sp-woo #box2 img {
		display: inherit;
		float: none;
		margin: 0 auto 10px;
	}
	#sp-woo #box2 h4 {
		text-align: center;
		font-size: 16px;
	}
	#sp-woo #box2 .box-list p {
		margin-left: 0;
	}
	
	/* -- #box3 -- */
	#sp-woo #box3 dd {
		font-size: 14px;
		padding: 15px;
	}
	
	/* -- #box4 -- */
	#sp-woo #box4 .block1,
	#sp-woo #box4 .block2 {
		padding: 15px;
	}
	#sp-woo #box4 h4 {
		font-size: 16px;
	}
	#sp-woo #box4 img {
		width: 80%;
	}
	#sp-woo #box4 .service {
		padding: 10px;
	}
	#sp-woo #box4 .service span {
		font-size: 16px;
	}
	
	/* -- #box5 -- */
	#sp-woo #box5 h4 {
		font-size: 16px;
	}
	#sp-woo #box5 h5 {
		font-size: 14px;
	}
	#sp-woo #box5 table caption {
		font-size: 14px;
	}
	
	/* -- #spfw-request -- */
	#spfw-request {
		margin-top: 20px;
	}
	#downloads #spfw-request h3 {
		font-size: 18px;
	}
	#spfw-request h3:before {
		width: 15px;
		height: 15px;
		margin-right: 10px;
	}
	#spfw-request h3 span {
		font-size: 20px;
	}
	#downloads #spfw-request h4 {
		font-size: 16px;
		margin: 20px 0;
		padding: 0;
		border: none;
	}
	#spfw-request .text {
		font-size: 16px;
	}
	#spfw-request .block {
		padding: 15px;
	}
	#spfw-request .request {
		font-size: 16px;
	}
	#spfw-request .spfw-btn a {
		font-size: 14px;
		padding: 0 40px;
		line-height: 45px;
	}

}



/* = Yamato Credit for WooCommerce
-------------------------------------------------------------- */

/* -------- commocm -------- */
#downloads #dl-ycwoo .box {
	margin-bottom: 60px;
	padding-bottom: 60px;
	border-bottom: 2px dashed #ddd;
}
#downloads #dl-ycwoo #box4 {
	border-bottom: none;
}
#downloads #dl-ycwoo h3 {
	margin-top: 48px;
	margin-bottom: 48px;
	text-align: center;
	font-size: 24px;
	font-weight: normal;
}
#downloads #dl-ycwoo h3:first-child {
	margin-top: 0;
}
#downloads #dl-ycwoo p {
	font-size: 18px;
	line-height: 2;
}

/* -------- .box1 -------- */

#downloads #dl-ycwoo #box1 {
	margin-top: 60px;
}
#downloads #dl-ycwoo #box1 img {
	margin: 50px auto;
	max-width: 480px;
}
#downloads #dl-ycwoo #box1 p {
	text-align: center;
}

/* -------- .box2 -------- */

#downloads #dl-ycwoo #box2 .box-list {
	margin: 0 auto;
	max-width: 855px;
}
#downloads #dl-ycwoo #box2 .box-list > p {
	margin-bottom: 30px;
	text-align: center;
}
#downloads #dl-ycwoo #box2 th,
#downloads #dl-ycwoo #box2 td {
	vertical-align: middle;
}
#downloads #dl-ycwoo #box2 ul {
	padding-left: 24px;
	list-style: disc;
	font-size: 16px;
}
#downloads #dl-ycwoo #box2 ul {
	margin-top: 8px;
}
#downloads #dl-ycwoo #box2 td p {
	margin-bottom: 12px;
	font-size: 16px;
	line-height: 1.6;
}
#downloads #dl-ycwoo #box2 td span {
	font-weight: 600;
}

/* -------- .box3 -------- */

#downloads #dl-ycwoo #box3 p.text {
	text-align: center;
	font-size: 16px;
}
#downloads #dl-ycwoo #box3 .image {
	margin: 36px auto;
	max-width: 570px;
}
#downloads #dl-ycwoo #box3 .dl-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 855px;
}
#downloads #dl-ycwoo #box3 dl {
	margin: 0;
	width: calc( 60% - 16px );
}
#downloads #dl-ycwoo #box3 dl:last-child {
	width: calc( 40% - 16px );
}
#downloads #dl-ycwoo #box3 dt {
	background-color: #ddd;
	padding: 25px 12px 22px;
	text-align: center;
	font-size: 16px;
}
#downloads #dl-ycwoo #box3 dd {
	padding: 30px 20px;
	border: 1px solid #ccc;
	border-top: none;
}
#downloads #dl-ycwoo #box3 dd h4 {
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 600;
}
#downloads #dl-ycwoo #box3 dl dd p {
	font-size: 14px;
}
#downloads #dl-ycwoo #box3 dl dd ul {
	margin: 0 0 0 20px;
	list-style: disc;
}
#downloads #dl-ycwoo #box3 dl dd li {
	margin-bottom: 12px;
}
#downloads #dl-ycwoo #box3 dl dd li:last-child {
	margin-bottom: 0;
}


/* -------- .box4 -------- */

#downloads #dl-ycwoo #box4 .inner {
	margin: 0 auto;
	max-width: 855px;
}
#downloads #dl-ycwoo #box4 p {
	font-size: 16px;
	line-height: 2;
}
#downloads #dl-ycwoo #box4 p.text {
	margin-bottom: 40px;
}
#downloads #dl-ycwoo #box4 p.note {
	margin-top: 36px;
	font-size: 14px;
}
#downloads #dl-ycwoo #box4 h4 {
	margin-bottom: 12px;
	font-weight: 600;
}
#downloads #dl-ycwoo #box4 table th,
#downloads #dl-ycwoo #box4 table td {
	border-right: none;
	border-left: none;
}

/* ———————— #spfw-request ———————— */

#downloads #dl-ycwoo .request-box {
	color: #000;
	margin-top: 50px;
	text-align: center;
}
#downloads #dl-ycwoo .request-box h3 {
	font-size: 24px;
	margin: 0 0 36px;
}
#downloads #dl-ycwoo .request-box h4 {
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	margin: 40px 0;
	padding: 0 20px;
	border-left: 2px solid #333;
	border-right: 2px solid #333;
	line-height: 22px;
}
#downloads #dl-ycwoo .request-box p {
	color: #000;
}
#downloads #dl-ycwoo .request-box p.append {
	font-size: 14px;
}
#downloads #dl-ycwoo .request-box .text {
	font-size: 20px;
}
#downloads #dl-ycwoo .request-box .block {
	margin: 10px auto 0;
	padding: 36px;
	width: 60%;
	background-color: #f6f6f6;
}
#downloads #dl-ycwoo .request-box .request {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}
#downloads #dl-ycwoo .request-box.ycfw-btn:first-child {
	margin-top: 0;
}
#downloads #dl-ycwoo .request-box .ycfw-btn a {
	background-color: #109cd9;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	padding: 0 60px;
	border-bottom: 4px solid #1687b9;
	line-height: 60px;
	-webkit-transition: .2s ease all;
	-moz-transition: .2s ease all;
	-o-transition: .2s ease all;
	transition: .2s ease all;
}
#downloads #dl-ycwoo .request-box .ycfw-btn a:hover {
	background-color: rgba( 16,156,217,.6 );
	text-decoration: none;
}
#downloads #dl-ycwoo .request-box .ycfw-btn i {
	font-size: 20px;
	margin-left: 8px;
	vertical-align: middle;
}


@media screen and (max-width:1200px){
}


@media screen and (max-width:1024px){
}


@media screen and (max-width:768px){


	/* = Yamato Credit for WooCommerce
	-------------------------------------------------------------- */

	/* -------- commocm -------- */
	#downloads #dl-ycwoo .box {
		margin-bottom: 40px;
		padding-bottom: 40px;
		border-bottom: 2px dashed #ddd;
	}
	#downloads #dl-ycwoo #box4 {
		padding-bottom: 0;
	}
	#downloads #dl-ycwoo h3 {
		margin-bottom: 36px;
		text-align: center;
		font-size: 18px;
		font-weight: normal;
	}
	#downloads #dl-ycwoo p {
		font-size: 14px;
		line-height: 2;
	}

	/* -------- .box1 -------- */

	#downloads #dl-ycwoo #box1 {
		margin-top: 30px;
	}
	#downloads #dl-ycwoo #box1 img {
		margin: 30px auto;
		padding: 0 20px;
		width: 100%;
	}
	#downloads #dl-ycwoo #box1 p {
		text-align: left;
	}

	/* -------- .box2 -------- */

	#downloads #dl-ycwoo #box2 ul,
	#downloads #dl-ycwoo #box2 td p {
		font-size: 14px;
	}


	/* -------- .box3 -------- */

	#downloads #dl-ycwoo #box3 p.text {
		text-align: center;
		font-size: 14px;
	}
	#downloads #dl-ycwoo #box3 .image {
		margin: 36px auto;
		padding: 0 20px;
		width: 100%;
	}
	#downloads #dl-ycwoo #box3 .image img {
		width: 100%;
	}
	#downloads #dl-ycwoo #box3 .dl-wrap {
		display: block;
		margin: 0 auto;
	}
	#downloads #dl-ycwoo #box3 dl {
		margin: 0 0 20px;
		width: 100%;
	}
	#downloads #dl-ycwoo #box3 dl:last-child {
		margin: 0;
		width: auto;
	}
	#downloads #dl-ycwoo #box3 dt {
		background-color: #ddd;
		padding: 15px;
		text-align: center;
		font-size: 16px;
	}
	#downloads #dl-ycwoo #box3 dd {
		padding: 15px;
	}
	#downloads #dl-ycwoo #box3 dd h4 {
		font-size: 15px;
	}
	#downloads #dl-ycwoo #box3 dl dd ul {
		margin: 0 0 0 20px;
		list-style: disc;
	}
	#downloads #dl-ycwoo #box3 dl dd li {
		margin-bottom: 12px;
	}
	#downloads #dl-ycwoo #box3 dl dd li:last-child {
		margin-bottom: 0;
	}


	/* -------- .box4 -------- */

	#downloads #dl-ycwoo #box4 p {
		font-size: 14px;
	}
	#downloads #dl-ycwoo #box4 p.text {
		margin-bottom: 24px;
	}
	#downloads #dl-ycwoo #box4 p.note {
		margin-top: 24px;
	}
	#downloads #dl-ycwoo #box4 h4 {
		font-size: 16px;
		margin-bottom: 12px;
	}
	#downloads #dl-ycwoo #box4 th {
		text-align: left;
		width: 50%;
	}
	#downloads #dl-ycwoo #box4 td {
		text-align: right;
	}

	/* ———————— #spfw-request ———————— */

	#downloads #dl-ycwoo .request-box {
		margin-top: 36px;
	}
	#downloads #dl-ycwoo .request-box h3 {
		font-size: 18px;
		margin: 0 0 24px;
	}
	#downloads #dl-ycwoo .request-box p.append {
		font-size: 12px;
	}
	#downloads #dl-ycwoo .request-box .text {
		font-size: 20px;
	}
	#downloads #dl-ycwoo .request-box .block {
		padding: 24px;
		width: 100%;
	}
	#downloads #dl-ycwoo .request-box .request {
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 5px;
	}
	#downloads #dl-ycwoo .request-box.ycfw-btn:first-child {
		margin-top: 0;
	}
	#downloads #dl-ycwoo .request-box .ycfw-btn a {
		background-color: #109cd9;
		display: inline-block;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		width: 100%;
		padding: 0;
		line-height: 60px;
	}

}


/* = Woo – Kuroneko Atobarai
-------------------------------------------------------------- */

/* -------- commocm -------- */
#downloads #dl-woo-ka .box {
	margin-bottom: 60px;
	padding-bottom: 60px;
	border-bottom: 2px dashed #ddd;
}
#downloads #dl-woo-ka .box4 {
	border-bottom: none;
}
#downloads #dl-woo-ka h3 {
	margin-bottom: 48px;
	text-align: center;
	font-size: 24px;
	font-weight: normal;
}
#downloads #dl-woo-ka p {
	font-size: 18px;
	line-height: 2;
}

#downloads #dl-woo-ka th,
#downloads #dl-woo-ka td {
	text-align: center;
	vertical-align: middle;
	border: none;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#downloads #dl-woo-ka tr :last-child {
	border-right: none;
}



/* -------- .box2 -------- */

#downloads #dl-woo-ka #box0 .box-list {
	margin: 0 auto;
	max-width: 855px;
}
#downloads #dl-woo-ka #box0 .box-list > p {
	margin-bottom: 30px;
	text-align: center;
}
#downloads #dl-woo-ka #box0 th,
#downloads #dl-woo-ka #box0 td {
	vertical-align: middle;
}
#downloads #dl-woo-ka #box0 ul {
	padding-left: 24px;
	list-style: disc;
	font-size: 16px;
}
#downloads #dl-woo-ka #box0 li {
	margin-top: 8px;
}
#downloads #dl-woo-ka #box0 td {
	text-align: left;
}
#downloads #dl-woo-ka #box0 td p {
	margin-bottom: 12px;
	font-size: 16px;
	line-height: 1.6;
}
#downloads #dl-woo-ka #box0 span {
	font-weight: 600;
}

/* -------- .box1 -------- */

#downloads #dl-woo-ka .box1 {
	margin-top: 60px;
}
#downloads #dl-woo-ka .box1 img {
	margin: 50px auto;
	max-width: 480px;
}
#downloads #dl-woo-ka .box1 p {
	text-align: center;
}

/* -------- .box2 -------- */

#downloads #dl-woo-ka .box2 p.text {
	margin-bottom: 20px;
	text-align: center;
}
#downloads #dl-woo-ka .box2 ul {
	display: flex;
	flex-wrap: wrap;
}
#downloads #dl-woo-ka .box2 li {
	width: 32%;
	margin: 0 2% 0 0;
	padding: 30px 20px;
	border: 1px solid #eee;
	box-shadow: 2px 2px 5px rgba(0,0,0,.1);
}
#downloads #dl-woo-ka .box2 li:nth-child(3n) {
	margin-right: 0;
}
#downloads #dl-woo-ka .box2 li h3 {
	text-align: center;
	font-size: 18px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #707070;
	line-height: 1.6;
}
#downloads #dl-woo-ka .box2 li:last-child h3 {
	margin-top: 20px;
	padding-bottom: 21px;
}
#downloads #dl-woo-ka .box2 li p {
	font-size: 16px;
	line-height: 1.8;
}

/* -------- .box3 -------- */

#downloads #dl-woo-ka .box3 tr th:first-child {
	width: 20%;
}
#downloads #dl-woo-ka .box3 .small {
	display: block;
	font-size: 12px;
}
#downloads #dl-woo-ka .box3 .note {
	text-align: right;
	margin: 12px 0 0;
	font-size: 14px;
}

#downloads #dl-woo-ka .box3 ul {
	margin-top: 40px;
}
#downloads #dl-woo-ka .box3 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#downloads #dl-woo-ka .box3 li {
	width: 66.666%;
	border: 1px solid #ccc;
}
#downloads #dl-woo-ka .box3 li:nth-child(2n) {
	margin-right: 0;
}
#downloads #dl-woo-ka .box3 li:nth-child(n+4) {
	margin-top: 2%;
}

#downloads #dl-woo-ka .box3 ul ul {
	display: block;
	margin: 0 0 0 20px;
	list-style: disc;
}
#downloads #dl-woo-ka .box3 ul ul li {
	width: auto;
	margin: 0 0 8px 0;
	border: none;
}
#downloads #dl-woo-ka .box3 li:nth-child(3n),
#downloads #dl-woo-ka .box3 li:nth-child(n+4) {
	margin-top: 0;
}
#downloads #dl-woo-ka .box3 ul ul li:last-child {
	margin: 0;
}

#downloads #dl-woo-ka .box3 li div {
	padding: 20px;
}
#downloads #dl-woo-ka .box3 li h4 {
	background-color: #222;
	margin: 0;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 50px;
}
#downloads #dl-woo-ka .box3 li p {
	font-size: 16px;
	line-height: 1.8;
}

#downloads #dl-woo-ka .box3 table ul {
	display: block;
	margin: 0;
	padding-left: 23px;
	font-size: 16px;
	list-style: disc;
}
#downloads #dl-woo-ka .box3 table li {
	text-align: left;
	margin: 0 0 5px;
	font-weight: 600;
	width: auto;
	border: none;
}
#downloads #dl-woo-ka .box3 table li:last-child {
	margin-bottom: 0;
}
#downloads #dl-woo-ka .box3 table li img {
	margin: 8px 0;
}

/* -------- .box4 -------- */

#downloads #dl-woo-ka .box4 table {
	margin-top: 40px;
	margin-bottom: 12px;
}
#downloads #dl-woo-ka .box4 .bg-orange th {
	background: #ffea9c;
}
#downloads #dl-woo-ka .box4 .bg-orange td,
#downloads #dl-woo-ka .box4 td.bg-orange {
	background: #fff4cc;
	font-weight: 600;
}
#downloads #dl-woo-ka .box4 p {
	text-align: center;
}
#downloads #dl-woo-ka .box4 p.note {
	text-align: left;
	font-size: 13px;
}
#downloads #dl-woo-ka .box4 .small {
	display: block;
	font-size: 12px;
}
#downloads #dl-woo-ka .box4 .bg-gray {
	background: #e6e6e6;
}

/* -------- .request-box -------- */

#downloads #dl-woo-ka .request-box {
	color: #000;
	margin-top: 50px;
	text-align: center;
}
#downloads #dl-woo-ka .request-box h3 {
	font-size: 24px;
	margin: 0 0 36px;
}
#downloads #dl-woo-ka .request-box h4 {
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	margin: 40px 0;
	padding: 0 20px;
	border-left: 2px solid #333;
	border-right: 2px solid #333;
	line-height: 22px;
}
#downloads #dl-woo-ka .request-box p {
	color: #000;
}
#downloads #dl-woo-ka .request-box p.append {
	font-size: 14px;
}
#downloads #dl-woo-ka .request-box .text {
	font-size: 20px;
}
#downloads #dl-woo-ka .request-box .block {
	margin: 10px auto 0;
	padding: 36px;
	width: 60%;
	background-color: #f6f6f6;
}
#downloads #dl-woo-ka .request-box .request {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}
#downloads #dl-woo-ka .request-box .woo-ka-btn:first-child {
	margin-top: 0;
}
#downloads #dl-woo-ka .request-box .woo-ka-btn a {
	background-color: #109cd9;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	padding: 0 60px;
	border-bottom: 4px solid #1687b9;
	line-height: 60px;
	-webkit-transition: .2s ease all;
	-moz-transition: .2s ease all;
	-o-transition: .2s ease all;
	transition: .2s ease all;
}
#downloads #dl-woo-ka .request-box .woo-ka-btn a:hover {
	background-color: rgba( 16,156,217,.6 );
	text-decoration: none;
}
#downloads #dl-woo-ka .request-box .woo-ka-btn i {
	font-size: 20px;
	margin-left: 8px;
	vertical-align: middle;
}


@media screen and (max-width:768px){

	#downloads #dl-woo-ka .box {
		margin-top: 40px;
		padding-bottom: 40px;
	}
	#downloads #dl-woo-ka h3 {
		margin-bottom: 36px;
		text-align: center;
		font-size: 18px;
		font-weight: normal;
	}
	#downloads #dl-woo-ka p {
		text-align: left;
		font-size: 14px;
		line-height: 2;
	}


	/* -------- .box2 -------- */

	#downloads #dl-woo-ka #box0 ul,
	#downloads #dl-woo-ka #box0 td p {
		font-size: 14px;
	}

	#downloads #dl-woo-ka .box1 {
		margin-top: 30px;
	}
	#downloads #dl-woo-ka .box1 p {
		text-align: left;
	}
	#downloads #dl-woo-ka .box1 img {
		margin: 30px auto;
		padding: 0 20px;
		width: 100%;
	}

	
	#downloads #dl-woo-ka .box2 ul {
		display: block;
	}
	#downloads #dl-woo-ka .box2 li {
		margin: 0 0 12px;
		width: auto;
	}
	#downloads #dl-woo-ka .box2 li h3 {
		font-size: 16px;
	}
	#downloads #dl-woo-ka .box2 li h3 br {
		display: none;
	}
	#downloads #dl-woo-ka .box2 li p {
		font-size: 14px;
	}
	#downloads #dl-woo-ka .box3 table li img {
		width: 100%;
	}

	#downloads #dl-woo-ka .box3 table th,
	#downloads #dl-woo-ka .box3 table td,
	#downloads #dl-woo-ka .box3 table ul {
		font-size: 12px;
	}

	#downloads #dl-woo-ka .box3 li {
		width: 100%;
	}
	#downloads #dl-woo-ka .box3 li h4 {
		line-height: 40px;
	}
	#downloads #dl-woo-ka .box3 ul ul {
		font-size: 14px;
	}
	#downloads #dl-woo-ka .box3 .note {
		text-align: left;
		font-size: 12px;
	}
	#downloads #dl-woo-ka .box4 {
		margin: 0;
		padding: 0;
	}
	#downloads #dl-woo-ka .box4 table {
		margin-top: 24px;
	}
	#downloads #dl-woo-ka .box4 table b {
		display: block;
		white-space: nowrap;
	}

	#downloads #dl-woo-ka .request-box {
		margin-top: 36px;
	}
	#downloads #dl-woo-ka .request-box h3 {
		font-size: 18px;
		margin: 0 0 24px;
	}
	#downloads #dl-woo-ka .request-box .block {
		padding: 24px;
		width: 100%;		
	}
	#downloads #dl-woo-ka .request-box .woo-ka-btn a {
		background-color: #109cd9;
		display: inline-block;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		width: 100%;
		padding: 0;
		line-height: 60px;
	}

}




/* = page = managed-hosting | ホスティング・保守
-------------------------------------------------------------- */

#sony-light {
	color: #333;
}
#downloads .dl-contents #sony-light table.table-class th,
#downloads .dl-contents #sony-light table.table-class td {
	font-weight: 600;
}
#downloads .dl-contents #sony-light table.table-class td {
	font-size: 16px;
}
#downloads .dl-contents #sony-light table.table-class td small {
	margin-left: 12px;
	font-weight: normal;
}
#downloads .dl-contents #sony-light table th,
#downloads .dl-contents #sony-light table td {
	font-size: 14px;
}
#downloads .dl-contents #sony-light table th {
	text-align: left;
}
#downloads .dl-description #sony-light h3 {
	margin-bottom: 36px;
}
#sony-light .box {
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 2px dashed #ddd;
}
#sony-light .note {
	position: relative;
	margin-top: 8px;
	padding-left: 36px;
	font-size: 14px;
	line-height: 1.6;
}
#sony-light .note1 {
	padding-left: 18px;
}
#sony-light .note:before {
	display: inline-block;
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
}
#sony-light .note .no {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 16px;
}
#sony-light table .num {
	margin-left: 12px;
	color: #c00;
	font-size: 14px;
	font-weight: normal;
	vertical-align: middle;
}


#sony-light .note p {
	font-size: 14px;
	line-height: normal;
}
#sony-light ol {
	list-style: decimal;
	padding-left: 20px;
}
#sony-light .note li {
	margin-top: 8px;
}

#sony-light .box3 .box-area:last-child,
#sony-light .box4 .box-area:last-child,
#sony-light .box5 .box-area:last-child {
	margin-bottom: 0;
}

/* -------- .box1 -------- */

#sony-light .box1 {
	text-align: center;
}
#sony-light .box1 img {
	max-width: 320px;
}
#sony-light .box1 p {
	line-height: 2;
}

/* -------- .box2 -------- */

#sony-light .box2 p {
	text-align: center;
	font-weight: 600;
	margin-bottom: 36px;
}
#sony-light .box2 ul {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	font-size: 15px;
}
#sony-light .box2 li {
	margin-right: 30px;
    padding: 30px 20px;
	width: calc( 33.333% - 20px );
    border: 1px solid #eee;
    box-shadow: 2px 2px 5px rgba(0,0,0,.1);
    border-radius: 6px;
}
#sony-light .box2 li:nth-child(3n) {
	margin-right: 0;
}
#sony-light .box2 li:first-child img {
	max-width: 60px;
}
#sony-light .box2 img {
	margin: 30px 0;
	max-width: 120px;
}


/* -------- .box3 -------- */

#sony-light .box3 th,
#sony-light .box3 td {
	width: 25%;
	vertical-align: middle;
}
#downloads .dl-contents #sony-light .box3 table th,
#downloads .dl-contents #sony-light .box3 table td {
	text-align: center;
}
#sony-light .box3 table img {
	max-width: 20px;
}

/* -------- .box4 -------- */

#sony-light .box4 .box-area {
	margin-bottom: 48px;
	padding: 30px 20px;
	border: 1px solid #eee;
	box-shadow: 2px 2px 5px rgba(0,0,0,.1);
	border-radius: 6px;
}
#sony-light .box4 .box-area h4 {
	margin: 0;
	color: #000;
	font-weight: 600;
}
#sony-light .box4 .box-area p {
	margin-bottom: 20px;
	font-size: 14px;
}
#sony-light .box4 .box-area ul {
	display: flex;
	flex-wrap: wrap;
}
#sony-light .box4 .box-area li {
	margin-right: 30px;
	width: calc( 33.333% - 20px );
}
#sony-light .box4 .box-area li:nth-child(3n) {
	margin-right: 0;
}
#sony-light .box4 .box-area b {
	display: block;
    font-size: 16px;
    background: #333;
    color: #fff;
    text-align: center;
    padding: 6px;
}
#sony-light .box4 .box-area img {
	max-width: 100%;
}
#sony-light .box4 .box-area div img {
	max-width: 480px;
}

/* -------- .box5 -------- */

#sony-light .box5 .box-area {
	margin-bottom: 48px;
}
#sony-light .box5 .box-area caption {
    margin: 0 0 16px;
    color: #000;
    font-size: 16px;
	font-weight: 600;
}
#downloads .dl-contents #sony-light .box5 .box-area2 tr th:first-child {
	text-align: left;
	width: 25%;
}
#downloads .dl-contents #sony-light .box5 .box-area2 tr th {
	text-align: center;
}

#sony-light .box5 .box-area2 table b {
	font-size: 16px;
}


/* -------- .box6 -------- */

#sony-light .box6 {
	margin: 0;
	padding: 0;
	border: none;
}
#sony-light .box6 p {
	margin-bottom: 20px;
	text-align: center;
	font-size: 26px;
	font-weight: 600;
	line-height: 1.6;
}
#sony-light .box6 ol {
	background-color: #dff5ff;
	font-size: 14px;
	margin-bottom: 48px;
	padding: 20px 40px;
}
#sony-light .box6 li {
	margin: 0 0 12px;
}
#sony-light .box6 li:last-child {
	margin-bottom: 0;
}
#sony-light .box6 .btn {
	margin: 10px auto 0;
	padding: 36px;
	max-width: 700px;
	background-color: #f6f6f6;
}
#sony-light .box6 .btn a {
	background-color: #109cd9;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	padding: 20px;
	border-bottom: 4px solid #1687b9;
	-webkit-transition: .2s ease all;
	-moz-transition: .2s ease all;
	-o-transition: .2s ease all;
	transition: .2s ease all;
	line-height: 1.6;
}
#sony-light .box6 .btn a:hover {
	background-color: rgba( 16,156,217,.6 );
	text-decoration: none;
}


@media screen and (max-width: 768px) {

	#downloads .dl-description #sony-light h3 {
		margin-bottom: 24px;
		font-size: 16px;
	}
	#sony-light .box4 .box-area h4 {
		font-size: 16px;
	}
	#sony-light .box {
		margin-bottom: 40px;
		padding-bottom: 40px;
	}
	
	#sony-light .table-wrap {
		max-width: 100%;
		overflow-x: scroll;
	}
	#sony-light table {
		min-width: 740px;
	}
	
	/* ---- .box2 ---- */
	#sony-light .box2 ul,
	#sony-light .box4 .box-area ul {
		display: block;
	}
	#sony-light .box2 li {
		margin-bottom: 12px;
		width: 100%;
	}
	
	#sony-light .box4 .box-area {
		margin-bottom: 24px;
	}
	#sony-light .box4 .box-area li {
		padding-bottom: 24px;
		margin-bottom: 24px;
		width: 100%;
		border-bottom: 1px dashed #ddd;
	}
	#sony-light .box4 .box-area li:last-child {
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: none;
	}
	#sony-light .box4 .box-area img {
		margin: 0 auto;
		display: block;
		width: 100%;
		max-width: 360px;
	}
	
	#sony-light .box3 .table-wrap {
		overflow: inherit;
	}
	#sony-light .box3 .table-wrap table {
		min-width: auto;
	}

	#sony-light .box6 {
		margin: 0;
		padding: 0;
	}
	#sony-light .box6 p {
		font-size: 22px;
	}
	
}

@media screen and (max-width: 620px) {

	#sony-light .box6 p {
		font-size: 18px;
	}
	#sony-light .box6 .btn {
		padding: 24px;
	}
	#sony-light .box6 .btn a {
		font-size: 16px;
	}

}