@charset "UTF-8";
/*
Theme Name: テンプレート「08」
Theme URL: http://sample.racoo.co.jp/wordpress/08
Description: お任せコース・スマートコース用のテンプレートコーディングデータです。
Author: 株式会社ラクー
Version: 1.0（2020/04/06）
Tags: テンプレート,ラクー
*/

/* テンプレートの使用カラーによってコメントアウトを外してください */
@import "css/green.css";
/*

@import "css/pink.css";
@import "css/purple.css";
@import "css/yellow.css";
@import "css/blue.css";
*/

/*-----------------------------------------
default
-----------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: "Yu Gothic M";
	src: local("Yu Gothic Medium");
}

@font-face {
	font-family: "Yu Gothic M";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}

html {
	/*-----------------------------------------
ゴシック主体の場合
-----------------------------------------*/
	font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	/*-----------------------------------------
明朝体主体の場合
-----------------------------------------*/
	/*
font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
*/
	color: #222;
	font-size: 14px;
	line-height: 1.8;
}

a {
	transition: 0.1s linear all;
	color: #222;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

li {
	list-style-type: none;
}

p, th, td, li, dt, dd {
	line-height: 1.8;
}

img {
	border: none !important;
}

ul.list {
	margin: 10px 0 10px 20px;
}

ul.list li {
	list-style: disc;
}

/*-----------------------------------------
wrapper
-----------------------------------------*/
.wrapper {
	width: 100%;
	height: auto;
}

p.tokusyoho {
	font-size: 14px;
	text-decoration: underline;
	margin-top: 20px;
}

p.tokusyoho a:hover {
	opacity: 0.7;
}

.credit {
	margin-top: 20px;
}

.credit a img {
	width: 100%;
}

.credit a:hover {
	opacity: 0.8;
}

.youtube {
	margin-top: 20px;
}

/*-----------------------------------------
header
-----------------------------------------*/
.wrapper header {
	border-top: 4px solid;
	background: white;
	padding-bottom: 45px;
}

.wrapper header .header_inner {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 40px;
}

.wrapper header .header_inner .header_logo {
	float: left;
	margin-top: 15px;
}

.wrapper header .header_inner .header_logo a {
	transition: 0.1s linear all;
	text-decoration: none;
}

.wrapper header .header_inner .header_logo a:hover {
	opacity: 0.6;
}

.wrapper header .header_inner .header_logo a span {
	display: inline-block;
	font-size: 20px;
	padding-left: 10px;
	margin-top: 15px;
	vertical-align: top;
	font-weight: bold;
}

.wrapper header .header_inner .header_tel {
	float: right;
	width: 220px;
	padding: 10px 15px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.wrapper header .header_inner .header_tel .header_tel_toptext {
	color: #645b3a;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 5px;
	letter-spacing: 1px;
}

.wrapper header .header_inner .header_tel .header_tel_number {
	font-size: 26px;
	font-weight: bold;
	line-height: 1em;
	padding-left: 30px;
	text-align: center;
	letter-spacing: -1px;
}

.wrapper header .header_inner .header_tel a {
	display: block;
}

.wrapper header .header_inner .header_tel a:hover {
	text-decoration: none;
	opacity: 0.7;
}

/*-----------------------------------------
aside,gnav,content
-----------------------------------------*/
.wrapper .content {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 40px;
}

.wrapper .content main {
	float: right;
	width: 75%;
	padding: 20px;
	border: 1px solid #efefef;
	border-radius: 20px;
	background: white;
	margin-top: -30px;
	box-sizing: border-box;
}

.wrapper .content aside {
	float: left;
	width: 22%;
	margin-right: 3%;
	box-sizing: border-box;
}

.wrapper .content aside nav {
	margin: 40px 0 50px;
}

.wrapper .content aside nav ul {
	background: url(images/common/nav_line.png) repeat-x top;
}

.wrapper .content aside nav ul li {
	font-weight: bold;
	line-height: 1em;
	font-size: 14px;
}

.wrapper .content aside nav ul li a {
	text-decoration: none;
	display: block;
	line-height: 50px;
	padding-left: 30px;
}

.wrapper .content aside nav ul li a:hover {
	opacity: 0.7;
}

.wrapper .content h3 {
	font-size: 16px;
	font-weight: bold;
	color: #675f42;
	padding: 0 0 15px 25px;
	margin-bottom: 25px;
}

.wrapper article .mainimg {
	margin-bottom: 30px;
	position: relative;
}

.wrapper article .mainimg img {
	width: 100%;
}

.wrapper article .mainimg .text,
.wrapper article .mainimg img.products {
	position: absolute;
}

.wrapper article .mainimg .text {
	left: 5%;
	bottom: 5%;
}

.wrapper article .mainimg .text p {
	font-size: 36px;
	font-family: "Sawarabi Mincho";
	opacity: 0.98;
	font-weight: bold;
	color: white;
	padding: 0 20px;
	position: relative;
	z-index: 1;
	-webkit-transform: rotate(-2deg);
}

.wrapper article .mainimg .text p:before {
	transform: skewX(-25deg);
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	box-shadow: 10px 10px 10px 0px #545454;
	background: linear-gradient(90deg, rgba(14, 101, 30, 1) 0%, rgba(31, 140, 51, 1) 100%);
}

.wrapper article .mainimg .text p.text01 {
	margin-bottom: 15px;
}

.wrapper article .mainimg .text p.text02 {
	display: inline-block;
	padding: 0 40px 0 20px;
	position: relative;
}

.wrapper article .mainimg .text p.text02 img {
	width: auto;
	position: absolute;
	top: 10%;
	right: 4%;
}

.wrapper article .mainimg .text p.text02 span {
	font-size: 42px;
}

.wrapper article .mainimg img.products {
	right: 2.5%;
	bottom: 5%;
	width: 30%;
}

.wrapper article section {
	margin-bottom: 50px;
}

.wrapper article section:last-child {
	margin-bottom: 0;
}

.wrapper article section p,
.wrapper article section ul,
.wrapper article section table,
.wrapper article section dl {
	font-size: 14px;
}

.wrapper aside .section_side {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

.wrapper aside .section_side:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.wrapper aside .side_image {
	margin-bottom: 15px;
}

.wrapper aside .side_image img,
.banner img {
	width: 100%;
}

.wrapper aside .side_image img {
	border-radius: 5px;
}

.wrapper aside .side_name {
	font-size: 14px;
	font-weight: bold;
}

.wrapper aside .side_address {
	font-size: 13px;
}

.wrapper aside .side_tel {
	font-size: 13px;
	margin-top: 5px;
}

.wrapper aside .banner a {
	transition: 0.1 linear all;
}

.wrapper aside .banner a:hover {
	opacity: 0.8;
}

/*-----------------------------------------
footer
-----------------------------------------*/
.pagetop {
	margin: 30px auto 0;
}

.pagetop p {
	float: right;
}

.pagetop p a {
	color: #675f42;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 5px 0 5px 18px;
	line-height: 1em;
}

.wrapper footer {
	clear: both;
	padding-top: 15px;
	overflow: hidden;
}

.wrapper footer .footer_inner {
	max-width: 1280px;
	margin: 0 auto 15px;
	width: 70%;
	overflow: hidden;
	margin-left: 27%;
}

.wrapper footer .footer_menu ul {
	overflow: hidden;
	background: url(images/common/nav_line.png) repeat-x bottom;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.wrapper footer .footer_menu ul li {
	float: left;
	margin-right: 20px;
	line-height: 1em;
}

.wrapper footer .footer_menu ul li a {
	font-size: 13px;
	padding-left: 18px;
	font-weight: bold;
}

.wrapper footer .footer_inner .footer_address {
	float: left;
}

.wrapper footer .footer_inner .footer_address .footer_title {
	font-size: 13px;
}

.wrapper footer .footer_inner .footer_address .footer_text {
	font-size: 13px;
}

.wrapper footer .footer_inner .copyright {
	float: right;
	font-size: 12px;
}

/*-----------------------------------------
top
-----------------------------------------*/
.home .wrapper main article section h3 span {
	float: right;
}

.home .wrapper main article section h3 span a {
	font-size: 12px;
	padding-left: 15px;
}

.home .wrapper main article section .section_inner table {
	width: 100%;
	border-collapse: collapse;
	margin-top: -10px;
}

.home .wrapper main article section .section_inner table tr {
	border-bottom: 1px dotted #ccc;
}

.home .wrapper main article section .section_inner table tr:last-child {
	border-bottom: none;
}

.home .wrapper main article section .section_inner table tr th,
.home .wrapper main article section .section_inner table tr td {
	padding: 10px;
	line-height: 1em;
}

.home .wrapper main article section .section_inner table tr th {
	width: 17%;
	text-align: left;
}

/*-----------------------------------------
ぱんくず
-----------------------------------------*/
.wrapper .breadcrumb {
	width: 100%;
	margin: 10px auto 20px;
}

.wrapper .breadcrumb ul {
	overflow: hidden;
}

.wrapper .breadcrumb ul li {
	float: left;
	font-size: 11px;
}

.wrapper .breadcrumb ul li a {
	font-size: 11px;
	text-decoration: underline;
}

.wrapper .breadcrumb ul li a:hover {
	text-decoration: none;
}

/*-----------------------------------------
内部共通
-----------------------------------------*/
.page .wrapper main article h2,
.single .wrapper main article h2,
.category .wrapper main article h2,
.archive .wrapper main article h2,
.error404 .wrapper main article h2 {
	font-size: 24px;
	font-weight: bold;
	color: #675f42;
	padding: 65px 0 50px 70px;
	line-height: 1em;
}

.wrapper main article h4 {
	font-size: 13px;
	margin-bottom: 20px;
}

.wrapper main article section .section_inner {
	overflow: hidden;
}

.wrapper main article section .section_inner .img_right {
	float: right;
	margin: 0 0 20px 20px;
}

.wrapper main article section .section_inner .img_right img {
	border-radius: 5px;
}

.wrapper main article section .section_inner .img_left {
	float: left;
	margin: 0 20px 20px 0;
}

.wrapper main article section .section_inner .btn {
	width: 250px;
	margin-top: 30px;
}

.wrapper main article section .section_inner .btn a {
	display: block;
	background: linear-gradient(90deg, rgba(14, 101, 30, 1) 0%, rgba(31, 140, 51, 1) 100%);
	border: 1px solid rgba(14, 101, 30, 1);
	color: white;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	padding: 10px 0;
	border-radius: 20px;
}

.wrapper main article section .section_inner .btn a:hover {
	text-decoration: none;
	color: rgba(14, 101, 30, 1);
	background: white;
}

.page .wrapper main article table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

.page .wrapper main article table tr th {
	font-weight: bold;
	text-align: left;
	padding: 8px 15px;
	width: 30%;
	vertical-align: top;
}

.page .wrapper main article table tr th span.hissu {
	background: #ff0000;
	color: white;
	display: inline-block;
	float: right;
	padding: 2px 8px;
	font-size: 11px;
}

.page .wrapper main article table tr td {
	padding: 8px 15px;
	background: white;
}

.page .wrapper main article table tr th,
.page .wrapper main article table tr td {
	border: 1px solid #ccc;
}

.page .wrapper main article table.m_none,
.page .wrapper main article table.m_none tr th,
.page .wrapper main article table.m_none tr td {
	border-top: none;
}

.page .wrapper main article .mailform table tr th,
.page .wrapper main article .mailform table tr td {
	font-size: 13px;
}

.page .wrapper main article .mailform table tr th {
	width: 33%;
}

.page .wrapper main article .mailform p.center {
	text-align: center;
	margin: 15px 0;
}

.page .wrapper main article ul.img2,
.page .wrapper main article ul.img3,
.page .wrapper main article ul.img4 {
	overflow: hidden;
}

.page .wrapper main article ul.img2 li {
	float: left;
	width: 49%;
	margin-right: 2%;
}

.page .wrapper main article ul.img3 li {
	float: left;
	width: 32%;
	margin-right: 2%;
}

.page .wrapper main article ul.img4 li {
	float: left;
	width: 23.5%;
	margin-right: 2%;
}

.page .wrapper main article ul.img2 li:last-child,
.page .wrapper main article ul.img3 li:last-child,
.page .wrapper main article ul.img4 li:last-child {
	margin-right: 0;
}

.page .wrapper main article ul.img2 li .image img,
.page .wrapper main article ul.img3 li .image img,
.page .wrapper main article ul.img4 li .image img {
	width: 100%;
	height: auto;
}

.page .wrapper main article ul.img3 li p {
	font-size: 13px;
}

.page .wrapper main article ul.img4 li p {
	font-size: 12px;
}

.wrapper aside .inner_menu {
	border: 1px solid #ccc;
	border-radius: 6px;
	background: white;
}

.wrapper aside .inner_menu h3 {
	color: white;
	padding: 12px;
	font-size: 13px;
}

.wrapper aside .inner_menu .h4 {
	background: #ffffff;
	background: -webkit-linear-gradient(#ffffff 0%, #ededed 98%, #dedede 100%);
	background: -o-linear-gradient(#ffffff 0%, #ededed 98%, #dedede 100%);
	background: linear-gradient(#ffffff 0%, #ededed 98%, #dedede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede', GradientType=0);
	padding: 12px;
	border-bottom: 1px solid #ccc;
}

.wrapper aside .inner_menu .h4 h4 {
	font-size: 13px;
	border-left: 3px solid;
	line-height: 1.8em;
	padding-left: 15px;
}

.wrapper aside .inner_menu ul li {
	border-bottom: 1px dotted #ccc;
	padding-left: 15px;
	line-height: 2.4;
}

.wrapper aside .inner_menu ul li:last-child {
	border-bottom: none;
}

.wrapper aside .inner_menu ul li a {
	padding-left: 20px;
	font-size: 13px;
}

.wrapper article section .section_inner p span {
	color: #e19b9b;
	font-weight: bold;
}

.wrapper article section .section_inner p span.pink {
	display: inline-block;
}

/*-----------------------------------------
投稿関係
-----------------------------------------*/
.single .wrapper main article,
.category .wrapper main article,
.archive .wrapper main article {
	margin-bottom: 80px;
}

.single .wrapper main article h2,
.category .wrapper main article h2,
.archive .wrapper main article h2 {
	background: url(images/common/circle.png) no-repeat, url(images/page/information/page-information.png) no-repeat;
	background-position: 5% 56.5%, center;
	border-radius: 10px;
	background-size: auto, 100%;
}

.single .wrapper main article .category,
.category .wrapper main article .category,
.archive .wrapper main article .category {
	font-size: 13px;
	text-align: right;
}
.single .wrapper main article .category {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #ccc;
}

.single .wrapper main article .blog .blog_catch,
.single .wrapper main article .blog .blog_content {
	margin-bottom: 30px;
}
.wrapper main article h3.news_title {
	line-height: 1.5;
}
.single .wrapper main article .blog .blog_content h3 {
	background: #edffe5;
	padding: 10px 15px;
	box-sizing: border-box;
	margin-bottom: 15px;
}
.single .wrapper main article .category{
	font-size:13px;
	text-align:right;
	margin-top:15px;
	padding-top:15px;
	border-top:1px solid #ccc;
	margin-bottom: 50px;
}
.single .wrapper main article .blog .blog_content p.link a {
	text-decoration: underline;
}
.single .wrapper main article .blog .blog_content p.link a:hover {
	text-decoration: none;
}

/*-----------------------------------------
コンタクトフォーム用
-----------------------------------------*/
input[type="checkbox"],
input[type="radio"] {
	vertical-align: middle;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
	padding: 5px;
	width: 96%;
}

p.submit {
	width: 30%;
	margin: 0 auto;
}

form .btn {
	text-align: center;
}

input[type="submit"] {
	-webkit-appearance: none;
	width: 200px;
	border: none;
	padding: 5px 0;
	color: white;
	background: linear-gradient(90deg, rgba(14, 101, 30, 1) 0%, rgba(31, 140, 51, 1) 100%);
	border: 1px solid rgba(14, 101, 30, 1);
	font-weight: bold;
	font-size: 13px;
}

.page-contact input[type="submit"] {
	margin-bottom: 80px;
	border-radius: 20px;
	font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

input[type="submit"]:hover {
	background: white;
	color: rgba(14, 101, 30, 1);
}

.page-contact .wpcf7-spinner {
	display: none;
}

.blog_block {
	margin-bottom: 20px;
	display: block;
}

/*-----------------------------------------
pagenavi
-----------------------------------------*/
.wp-pagenavi {
	margin-bottom: 5px;
	text-align: center;
}

.wp-pagenavi a, .wp-pagenavi span {
	background-color: #47872d;
	border: 1px solid #47872d !important;
	color: white;
	padding: 5px 8px !important;
	font-size: 14px;
	transition: 0.1s linear all;
}

.wp-pagenavi span.current {
	background-color: white;
	font-weight: normal !important;
	color: #47872d;
}

.wp-pagenavi a:hover {
	background-color: #47872d;
	color: white;
}

.sp {
	display: none;
}

.spbr {
	display: none;
}

/*-----------------------------------------
取り扱いページ
-----------------------------------------*/
.page-item .wrapper main article h2 {
	background: url(images/common/circle.png) no-repeat, url(images/page/items/page-item.png) no-repeat;
	background-position: 5% 56.5%, center;
	border-radius: 5px;
	background-size: auto, 100%;
}

.page-item .wrapper main article section .section_inner .block {
	margin-bottom: 50px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.page-item .wrapper main article section .section_inner .block .card_block {
	width: calc((100% - 60px) / 4);
}

.page-item .wrapper main article section .section_inner .block .card_block .bg_gray {
	background: #f4f4f4;
	box-sizing: border-box;
	text-align: center;
	overflow: hidden;
}

.page-item .wrapper main article section .section_inner .block .card_block .bg_gray p {
	display: inline-block;
	float: right;
	padding: 3px 10px 0 10px;
	text-align: center;
	background: red;
	color: white;
	font-weight: bold;
	font-size: 12px;
	box-sizing: border-box;
}

.page-item .wrapper main article section .section_inner .block .card_block .bg_gray p.meiji {
	background: red;
	color: white;
}

.page-item .wrapper main article section .section_inner .block .card_block .bg_gray p.nobel {
	background: #e97820;
	color: white;
}

.page-item .wrapper main article section .section_inner .block .card_block .bg_gray img {
	width: 80%;
	margin-top: -5px;
}

.page-item .wrapper main article section .section_inner .block .card_block p.item_name {
	background: #e19b9b;
	text-align: center;
	color: white;
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 2px;
}

.page-item .wrapper main article section .section_inner .block .card_block p.item_ex {
	width: 90%;
	margin: 0 auto;
	line-height: 1.5;
}

/*-----------------------------------------
会社概要
-----------------------------------------*/
.page-company .wrapper main article {
	margin-bottom: 80px;
}

.page-company .wrapper main article h2 {
	background: url(images/common/circle.png) no-repeat, url(images/page/company/page-company.png) no-repeat;
	background-position: 5% 56.5%, center;
	border-radius: 10px;
	background-size: auto, 100%;
}

/*-----------------------------------------
お問い合わせ
-----------------------------------------*/
.page-contact .wrapper main article h2 {
	background: url(images/common/circle.png) no-repeat, url(images/page/contact/page-contact.png) no-repeat;
	background-position: 5% 56.5%, center;
	border-radius: 10px;
	background-size: auto, 100%;
}

.page-contact article section .agree {
	text-align: center;
	margin: 50px 0;
}

.page-contact article section .agree .wpcf7-list-item-label {
	font-size: 14px;
}

.page-contact article section .privacy {
	margin-bottom: 50px;
	overflow: auto;
	scroll-snap-type: y;
	height: 300px;
	box-sizing: border-box;
	padding: 20px 30px 0;
	border: 1px solid #ccc;
}

.page-contact article section .privacy p {
	margin-bottom: 20px;
}

.page-contact article section .privacy p span {
	color: #e19b9b;
	font-weight: bold;
	font-size: 14px;
}

.page-contact article section .privacy p.none {
	margin-bottom: 0;
}

.page-contact article section .privacy ul {
	margin-bottom: 20px;
}

/*-----------------------------------------
動画ページ
-----------------------------------------*/
.page-movie .wrapper header,
.page-movie .wrapper footer,
.page-movie .wrapper .content aside,
.page-movie .wrapper article > h2,
.page-movie .wrapper .breadcrumb {
	display: none;
}
.page-movie .wrapper .content {
	max-width: 100%;
	padding: 0;
}
.page-movie .wrapper .content main {
	width: 100%;
	float: none;
    padding: 0;
    border: none;
    border-radius: 0;
    background: white;
    margin-top: 0;
}
.page-movie .movie_block {
	height: 100vh;
    position: relative;
	margin-top: -16px;
}
.page-movie .movie_block .video-js {
	padding-top: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	height: 100%;
}





.full {
	display: block;
}

.W-640 {
	display: none;
}






@media screen and (min-width:1300px) {
	.wrapper footer .footer_inner {
		max-width: 900px;
		margin-left: 32%;
	}
}

@media screen and (max-width:1024px) {
	.wrapper article .mainimg .text {
		bottom: 7.5%;
	}

	.wrapper article .mainimg .text p {
		font-size: 28px;
	}

	.wrapper article .mainimg .text p.text02 span {
		font-size: 32px;
	}

	.wrapper main article section .section_inner .img_right {
		width: 40%;
	}

	.wrapper main article section .section_inner .img_right img {
		width: 100%;
	}

	.page-itempper main article section .section_inner .block .card_block {
		width: 32%;
	}

	.page-itempper main article section .section_inner .block .card_block:nth-child(4n) {
		margin-right: 2%;
	}

	.page-itempper main article section .section_inner .block .card_block:nth-child(3n) {
		margin-right: 0;
	}
}



@media screen and (max-width:896px) {
	.wrapper footer .footer_menu ul {
		width: 96%;
		margin: 0 auto 15px;
	}

	.wrapper .sp .spmenu li a span {
		display: inline-block;
		font-size: 20px;
		padding-left: 10px;
		margin-top: 20px;
		vertical-align: top;
		font-weight: bold;
	}

	.wrapper header .header_inner .header_logo {
		margin-top: 5px;
	}
}

@media screen and (max-width:640px) {
	.full {
		display: none;
	}

	.W-640 {
		display: block;
	}

	img.W-640 {
		border-radius: 5px;
	}

	.wrapper footer .footer_inner .footer_address {
		display: none;
	}

	body .wrapper header {
		padding: 5px 0;
		position: fixed;
		z-index: 999;
		width: 100%;
	}

	.wrapper header .sp .spmenu li:first-child a {
		padding: 0;
	}

	.wrapper .content {
		margin-top: 65px;
	}

	body .wrapper .content main {
		border-radius: 5px 5px 0 0;
	}

	.page-item .wrapper main article section .section_inner .block {
		gap: 20px 10px;
	}

	.page-item .wrapper main article section .section_inner .block .card_block {
		width: calc((100% - 10px) / 2);
	}

	.wrapper article .mainimg .text {
		bottom: 20%;
	}

	.wrapper article .mainimg .text {
		left: 3%;
	}

	.wrapper article .mainimg img.products {
		right: 1%;
		bottom: 3%;
		width: 32.5%;
	}

	.wrapper .sp .spmenu li a span {
		font-size: 18px;
	}

	.page .wrapper main article h2, .single .wrapper main article h2, .category .wrapper main article h2, .archive .wrapper main article h2, .error404 .wrapper main article h2 {
		padding: 0px 0 0px 35px;
		font-size: 18px;
		background-position: 2.5% 53%, 82.5% !important;
		height: 100px;
		background-size: auto;
		line-height: 5.75em;
	}

	.single .wrapper main article h2, .category .wrapper main article h2, .archive .wrapper main article h2 {
		background-position: 2.5% 53%, 85% 100% !important;
	}
	
	.archive .wrapper .content h3,
	.category .wrapper .content h3,
	.single .wrapper .content h3 {
		margin-bottom: 10px;
	}
}

@media screen and (max-width:428px) {
	.wrapper article .mainimg .text p {
		font-size: 20px;
	}

	.wrapper article .mainimg .text p.text02 span {
		font-size: 24px;
	}
}

@media screen and (max-width:375px) {
	.wrapper article .mainimg .text p {
		font-size: 17px;
	}

	.wrapper article .mainimg .text p.text02 span {
		font-size: 20px;
	}
}