@charset "UTF-8";

/* ------------------------------------------------------------
	Common
------------------------------------------------------------ */
.clearfix::after,
.sec::after,
.wrap::after,
.inner::after {
	content: "";
	display: block;
	clear: both;
}
.clearfix::before,
.sec::before,
.wrap::before,
.inner::before {
	content: "";
	display: block;
	clear: both;
}
.clearfix,
.sec,
.wrap,
.inner {
	display: block;
}

em{
	font-style:normal !important;
}

.dp_ib {display: inline-block;}
.dp_b {display: block;}
.dp_i {display: inline !important;}

.fs_s {font-size: .9em;}
.tar {text-align: right;}

.gopc {
	display: block;
	font-size: 1em;
	padding: .7em 0 .7em 1.2em;
	margin: 1em auto 1.5em;
	background: url(../img/icon-pc.png) no-repeat calc(50% - 4.5em) 48% #FFF;
	background-size: auto 1.3em;
	border-radius: 2em;
	color: #169DFC !important;
	text-align: center;
	width: 65%;
}
.gnavgopc .gopc {
	font-size: .9em;
	padding: .9em 0 .9em .5em;
}
.gnavgopc .gopc::after {
	width: 1.3em;
	height: 1em;
	transform: rotate(0);
	border: none;
	right: auto;
}
.gnavgopc .gopc::before {
	display: none;
}
.win::after {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	background: url(../img/icon-newwin.svg) no-repeat 30% 0%;
	background-size: contain;
	vertical-align: middle;
	margin: 0 .1em .1em .2em;
	filter: invert(51%) sepia(99%) saturate(3546%) hue-rotate(0deg) brightness(102%) contrast(106%);
}
.win.gopc::after {
	width: 1.3em;
	height: 1em;
	background: url(../img/icon-newwin.svg) no-repeat 100% 0%;
	background-size: contain;
	filter: invert(56%) sepia(28%) saturate(6477%) hue-rotate(182deg) brightness(97%) contrast(104%);
}


/* ------------------------------------------------------------
	Page
------------------------------------------------------------ */
.breadcrumb {
	text-align: right;
	margin: 1.5em 2.5% 2em;
	font-size: 0.7em;
}
.breadcrumb ul,
.breadcrumb li {
	display: inline-block;
}
.breadcrumb a::after {
	content: "";
	display: inline-block;
	width: 0.5em;
	height: 0.5em;
	border: 1px solid;
	border-color: #333 #333 transparent transparent;
	transform: rotate(45deg);
	margin: 0 0.5em 0.3em;
	vertical-align: middle;
}

/*===== Object =====*/
.entry-content .txtlink::before {
	content: "＞＞";
	display: inline-block;
	vertical-align: middle;
	font-size: .8em;
	letter-spacing: -.2em;
	margin: 0 .2em .2em 0;
}

.pagelink {
	display: inline-block;
}
.pagelink::after {
	content: "";
	display: inline-block;
	background: #f60;
	height: calc(tan(60deg) * .8em / 2);
	width: .8em;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	margin-left: .2em;
}

.btnlink {
	display: inline-block;
	background: #000;
	color: #FFF;
	border-radius: 1em;
	padding: .1em .8em;
	margin-bottom: .3em;
	font-size: .75em;
	line-height: 1.5;
}
.btnlink::after {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
}
.dlbtn::after {
	background: url(../img/icon-dl.svg) no-repeat 30% 0%;
	background-size: contain;
	margin: 0 0 .2em .2em;
}
.m-modalLink::after {
	background: url(../img/icon-popup.svg) no-repeat 30% 0%;
	background-size: contain;
	filter: invert(100%) sepia(100%) saturate(98%) hue-rotate(285deg) brightness(117%) contrast(101%);
	margin: 0 0 .3em .3em;
}
.zoom {
	position: relative;
	display: block;
}
.zoom::after {
	content: "";
	position: absolute;
	top: .2em;
	left: .3em;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	background: url(../img/icon-zoom.svg) no-repeat;
	filter: none;
	background-size: contain;
	z-index: 1;
}

.overlay {
	display: none;
	position: fixed;
	inset:0 auto 0 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 200;
}
.modalContent {
	width: 90%;
	max-width: 700px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
}
.modalContent::before,
.modalContent::after {
    position: absolute;
    content: "";
    display: block;
    width: 2.5em;
    height: 2px;
    background: #fff;
    border-radius: 2px;
	right: 0;
	top: -2em;
}
.modalContent::before {
	transform: rotate(45deg);
}
.modalContent::after {
	transform: rotate(-45deg);
}
.sizelink {
	display: none;
	position: fixed;
	width: 100%;
	text-align: center;
	bottom: 15%;
	left: 0;
	z-index: 1000;
}
.sizelink.win {
	filter: brightness(0) invert(1);
}
.is-active {
	overflow: hidden;
}

.slick-dots {
	text-align: center;
}
.slick-dots li {
	display: inline-block;
	width: .7em;
	height: .7em;
	border-radius: 50%;
	background: #000;
	margin: .8em .5em 1em;
	text-indent: -9999px;
}
.slick-dots li.slick-active {
	background: #18A2F8;
}


.tbl {
	width: 100%;
	border-bottom: 1px solid #ccc;
}
.tbl th,
.tbl td {
	border: 1px solid #ccc;
	border-bottom: none;
	vertical-align: middle;
	line-height: 1.5;
	padding: 0.3em 2%;
}
/* .tbl th {
	background: #D0EDFC;
	border-bottom: none;
} */
.tbl span {
	font-size: 0.85em;
}
.tbl caption {
	background: #18A2F8;
	color: #FFF;
	font-size: 1.1em;
	padding: .5em 0;
	border: 1px solid #ccc;
	border-bottom: none;
}

.tbl_col th,
.tbl_col td {
	display: block;
}
.tbl .clrcel {
	background: #f7d757;
}
.tbl .clrtxt {
	color: #18A2F8;
}

.ctctbl {
	margin-bottom: 3em;
}
.ctctbl th {
	text-align: center;
}
.ctctbl td {
	font-size: 1.1em;
	padding: .3em 1% .3em 3%;
	width: 80%;
	line-height: 1.3;
}
.ctctbl td span {
	margin-top: .2em;
}
.ctctbl td a {
	font-size: 1.1em;
}
.ctctbl td a.dlbtn {
	font-size: .7em;
}

.catlist li,
.catlistB li {
	float: left;
	background: #D0EDFC;
	margin-bottom: .5em;
	border-radius: .3em;
}
.catlist li {
	width: 49%;
}
.catlist li:nth-of-type(even) {
	float: right;
}
.catlistB li {
	width: 32%;
	margin-right: 2%;
}
.catlistB li:nth-of-type(3n) {
	float: right;
	margin-right: 0;
}
.catlist li a,
.catlistB li a {
	display: block;
	color: #333;
	text-align: center;
	padding: 1em 0 2em;
	position: relative;
	text-decoration: none;
}
.catlist li a::after,
.catlistB li a::after {
	content: "";
    position: absolute;
    left: calc(50% - 0.4em);
	bottom: .6em;
	background: #1a9bfc;
	height: calc(tan(60deg) * .8em / 2);
	width: .8em;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.list li {
	line-height: 1.5;
}
.list li::before {
	content: "";
	display: inline-block;
	width: .3em;
	height: .3em;
	background: #333;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: .3em;
}

.ctcbtn {
	display: block;
	margin: 1em auto;
	color: #FFF;
	background: #f7d733;
	background: #fb9f1a;
	border-radius: 2em;
	text-align: center;
	padding: 1.2em 0;
	width: 90%;
	font-size: 1.2em;
	position: relative;
}
.ctcbtn::before,
.ctcbtn::after {
	content: "";
	position: absolute;
	right: 10%;
    top: 1.5em;
    top: calc(50% - 1px);
}
.ctcbtn::before {
	display: inline-block;
    width: 1em;
    height: 1.5px;
    background: #FFF;
}
.ctcbtn::after {
	width: 0.5em;
    height: 0.5em;
    border: 1.5px solid;
    border-color: #FFF #FFF transparent transparent;
    transform: rotate(45deg);
	margin-top: -.3em;
}


/*===== CommonFooter =====*/
.cmnnft {
	margin-top: 4em;
	padding: 0 2.5%;
	text-align: left;
}
.cmnnft h2 {
	font-size: 1.4em;
	margin: 2em auto .6em;
	text-align: center;
	position: relative;
	color: #18A2F8;
}
.cmnnft h2 span {
	background: #FFF;
	display: inline-block;
	position: relative;
	padding: 0 .5em;
}
.cmnnft h2::before {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	border-radius: .5em;
	background: #18A2F8;
	position: absolute;
	left: 0;
	top: calc(50% - 2px);
}
.cmnnft .related {
	margin-bottom: 2em;
}
.cmnnft .related li {
	width: 49%;
	float: left;
	margin: 0 2% 2% 0;
}
.cmnnft .related li:nth-of-type(even) {
	margin-right: 0;
}
.cmnnft .sctbl {
	width: 47%;
	float: left;
	margin: auto;
	text-align: center;
	border-collapse: separate;
	border-spacing: 3px;
}
.cmnnft .sctbl:first-of-type {
	margin-right: 6%;
}
.cmnnft .sctbl caption {
	background: #1a9bfc;
	color: #FFF;
	padding: .4em 0;
	margin-bottom: .3em;
}
.cmnnft .sctbl th,
.cmnnft .sctbl td {
	font-size: .85em;
	width: 14.28%;
	padding: .25em 0;
	letter-spacing: -.03em;
}
.cmnnft .sctbl th {
	padding-bottom: .5em;
}
.cmnnft .sctbl td.close {
	border: 1px solid #c00;
	border-radius: 50%;
}
.cmnnft .sctbl th:first-of-type,
.cmnnft .sctbl td:first-of-type {
	color: #c00;
}
.cmnnft .scnotes {
	text-align: right;
	margin-bottom: .6em;
	line-height: 1;
	font-size: .9em;
}
.cmnnft .scnotes span {
	display: inline-block;
	border: 1px solid #c00;
	border-radius: 50%;
	width: 1em;
	height: 1em;
	vertical-align: text-bottom;
}

/*===== TOP =====*/
.mv {
	margin: 0 -2.5%;
}
.hl {
	letter-spacing: 0;
}
.hl::before,
.hl::after {
	content: "";
	display: inline-block;
	background: #18A2F8;
	width: 2px;
	height: 1em;
	position: absolute;
	bottom: -.2em;
}
.hl::before {
	transform: rotate(-40deg);
	left: 1.5%;
}
.hl::after {
	transform: rotate(40deg);
	right: 1.5%;
}
#top h1:not(.hl) {
	margin-top: 1.5em;
}


/*===== 商品一覧 =====*/
.prdsec {
	position: relative;
}
.prdsec .btnlink {
	position: absolute;
	top: 1em;
	right: 3%;
}
.prdlist {
	position: relative;
	width: 105%;
	margin: 0 -2.5% 1em;
}
.prdlist::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	left: 50%;
	top: 0;
	border-left: 1px dotted #6AC1F7;
}
.prdlist li {
	width: 45%;
	padding: 0 2.5%;
	float: left;
	position: relative;
}
.prdlist li:nth-of-type(n + 3) {
	border-top: 1px dotted #6AC1F7;
	padding-top: .5em;
	margin-top: 1em;
}
.prdlist li:last-of-type::after {
	content: "";
	display: 100%;
	position: absolute;
	width: 100%;
	height: 1px;
	left: calc(100% + 1px);
	top: -1px;
	border-top: 1px dotted #6AC1F7;
}
.prdlist li .exp {
	position: absolute;
	right: 5%;
	top: .4em;
	display: inline-block;
	background: #f7d757;
	font-size: .65em;
	line-height: 1.3;
	text-align: center;
	padding: .4em .3em;
	border-radius: .2em;
}
.prdlist li:nth-of-type(n + 3) .exp {
	top: 1.2em;
}


.prdlist li a {
	color: #000;
}
.prdlist li dt {
	font-size: 1.15em;
	line-height: 1.3;
}
.prdlist li dt span {
	display: block;
	margin-top: .2em;
	font-size: .8em;
}
.prdlist li figure {
	margin: auto;
}
.prdlist .prdlist_price {
	text-align: right;
	line-height: 1.2;
	margin-bottom: .5em;
	color: #c00;
}
.prdlist .prdlist_price strong {
	background: none;
	font-weight: normal;
	font-size: 2em;
}
.prdlist .prdlist_price span {
	display: block;
	font-size: .7em;
	color: #000;
}
.prdlist li .ctcbtn {
	margin: auto;
	width: auto;
	padding: .5em .5em .5em 0;
	font-size: 1.1em;
}

.prdmlist dt {
	padding: .4em .5em;
	font-size: 1.1em;
	background: #D0EDFC;
}
.prdmlist dd ul {
	position: relative;
}
.prdmlist dd ul::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 1px;
	top: 0;
	left: calc(50% - 1px);
	border-left: 1px dotted #6AC1F7
}
.prdmlist dd li {
	float: left;
	width: calc(50% - 1px);
	line-height: 1.3;
	border-bottom: 1px dotted #6AC1F7;
}
.prdmlist dd li:nth-of-type(even) {
	float: right;
}
.prdmlist dd li a {
	color: #000;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.prdmlist dd li figure {
	width: 28%;
}
.prdmlist dd li span {
	width: 70%;
	font-size: .95em;
}
.prdmlist dd li:last-of-type,
.prdmlist dd li:nth-last-of-type(2):nth-of-type(odd) {
	border-bottom: none;
}
.prdmlist dd:last-of-type li:last-of-type {
	border-bottom: 1px dotted #6AC1F7;
}


/*===== 商品詳細 =====*/
.prdgallery {
	position: relative;
	margin-bottom: .5em;
}
.prdtbl {
	margin: 1em 0;
}
.prdtbl th,
.prdtbl td {
	display: table-cell;
}
.prdtbl th {
	text-align: center;
	width: 25%;
}

.pricetbl {
	margin-bottom: .5em;
}
.pricetbl th,
.pricetbl td {
	text-align: center;
	line-height: 1.3;
	padding: .3em 0;
}
.pricetbl th {
	font-size: .9em;
}
.pricetbl th.cmyk::after {
	content: "";
	display: block;
	vertical-align: middle;
	height: 1em;
	text-align: center;
	background: url(../img/cmyk.png) no-repeat 50%;
	background-size: auto 80%;
	margin-bottom: .3em;
}
.pricetbl th.cmykib::after {
	display: inline-block;
	width: 2.3em;
	margin-left: .5em;
}
.pricetbl th.cmykpa {
	position: relative;
	text-indent: -2.3em;
}
.pricetbl th.cmykpa::after {
	position: absolute;
	display: inline-block;
	width: 2.3em;
	top: .37em;
	left: calc(50% + 3.5em);
}


.pricetbl td span {
	display: block;
}
.bbtbl {
	margin: 1em auto;
}
.bbtbl th,
.bbtbl td {
	text-align: center;
}
.bbtbl th { font-size: .9em;}
.bbtbl th:nth-of-type(1) { width: 20%;}
.bbtbl th:nth-of-type(2) { width: 25%;}
.bbtbl.bbh td img {width: auto; height: 1.8em;}
.bbtbl.bbm td img {width: 5em;}

.optbl th {
	text-align: center;
	line-height: 1.3;
	padding: .3em 0;
	font-size: .9em;
}
.optbl td {
	text-align: center;
	padding: .5em 0;
}
.optbl td.clrtxt {
	padding: .3em 0;
}

.prdbornlist .slick-dots {
	margin: 0 0 1em .05em;
	text-align: left;
}
.prdbornlist .slick-dots li {
	display: inline-block;
	width: 2em;
	height: 2em;
	border-radius: 50%;
	margin: .33em;
	text-indent: -9999px;
	background: #FFF;
	border: 1px solid #000;
	position: relative;
	vertical-align: middle;
}
.prdbornlist .slick-dots li.slick-active {
	width: 2.6em;
	height: 2.6em;
	margin: .03em;
}
.prdbornlist .slick-dots li::after { position: absolute; top: calc(50% - .5em);text-indent: 0; font-size: .8em;}

#poly_regular .slick-dots li:nth-of-type(2),
#poly_compact .slick-dots li:nth-of-type(2),
#poly_big .slick-dots li:nth-of-type(2),
#poly_coupon .slick-dots li:nth-of-type(2),
#rapid_regular .slick-dots li:nth-of-type(2) {
	background: #000; border: 1px solid #000;
}
#poly_regular .slick-dots li:nth-of-type(3),
#poly_compact .slick-dots li:nth-of-type(3),
#poly_big .slick-dots li:nth-of-type(3),
#poly_coupon .slick-dots li:nth-of-type(3),
#rapid_regular .slick-dots li:nth-of-type(3) {
	background: #174A95; border: 1px solid #174A95;
}
#poly_regular .slick-dots li:nth-of-type(4),
#poly_compact .slick-dots li:nth-of-type(4),
#poly_big .slick-dots li:nth-of-type(9),
#poly_coupon .slick-dots li:nth-of-type(4),
#rapid_regular .slick-dots li:nth-of-type(4) {
	background: #B93429; border: 1px solid #B93429;
}
#poly_regular .slick-dots li:nth-of-type(5),
#poly_compact .slick-dots li:nth-of-type(5),
#poly_big .slick-dots li:nth-of-type(4),
#poly_coupon .slick-dots li:nth-of-type(5),
#rapid_regular .slick-dots li:nth-of-type(5) {
	background: #3F8F5D; border: 1px solid #3F8F5D;
}
#poly_regular .slick-dots li:nth-of-type(6),
#poly_compact .slick-dots li:nth-of-type(6),
#poly_big .slick-dots li:nth-of-type(5),
#poly_coupon .slick-dots li:nth-of-type(6),
#rapid_regular .slick-dots li:nth-of-type(6) {
	background: #F9E27C; border: 1px solid #F9E27C;
}
#poly_regular .slick-dots li:nth-of-type(7),
#poly_compact .slick-dots li:nth-of-type(7),
#poly_big .slick-dots li:nth-of-type(6),
#poly_heart .slick-dots li:nth-of-type(3),
#poly_coupon .slick-dots li:nth-of-type(7),
#rapid_regular .slick-dots li:nth-of-type(7) {
	background: #D34462; border: 1px solid #D34462;
}
#poly_regular .slick-dots li:nth-of-type(8),
#poly_compact .slick-dots li:nth-of-type(8),
#poly_coupon .slick-dots li:nth-of-type(8),
#rapid_regular .slick-dots li:nth-of-type(8) {
	background: #F0CBC9; border: 1px solid #F0CBC9;
}
#poly_regular .slick-dots li:nth-of-type(9),
#poly_coupon .slick-dots li:nth-of-type(9),
#rapid_regular .slick-dots li:nth-of-type(9) {
	background: #A5CB9B; border: 1px solid #A5CB9B;
}
#poly_regular .slick-dots li:nth-of-type(10),
#poly_compact .slick-dots li:nth-of-type(9),
#poly_coupon .slick-dots li:nth-of-type(10),
#rapid_regular .slick-dots li:nth-of-type(10) {
	background: #A7D2E4; border: 1px solid #A7D2E4;
}
#poly_regular .slick-dots li:nth-of-type(11),
#poly_compact .slick-dots li:nth-of-type(10),
#poly_big .slick-dots li:nth-of-type(7),
#rapid_regular .slick-dots li:nth-of-type(11) {
	background: #D9642C; border: 1px solid #D9642C;
}
#poly_regular .slick-dots li:nth-of-type(12),
#poly_compact .slick-dots li:nth-of-type(11),
#poly_big .slick-dots li:nth-of-type(8),
#rapid_regular .slick-dots li:nth-of-type(12) {
	background: #672675; border: 1px solid #672675;
}
#poly_regular .slick-dots li:nth-of-type(13),
#rapid_regular .slick-dots li:nth-of-type(13) {
	background: linear-gradient(135deg, #CCC 0%, #e2e2e2 20%, #FFF 55%, #FFF 100%);
	border: 1px solid #ccc;
}
#poly_regular .slick-dots li:nth-of-type(14),
#rapid_regular .slick-dots li:nth-of-type(14) { 
	background: linear-gradient(135deg, #da5e9a 0%, #da5e9a 25%, #f2c8dc 65%, #FFF 100%);
	border: 1px solid #DA5E9A;
}
#poly_regular .slick-dots li:nth-of-type(15),
#rapid_regular .slick-dots li:nth-of-type(15) { 
	background: linear-gradient(135deg, #4aa7b1 0%, #4aa7b1 25%, #a5e3e9 65%, #FFF 100%);
	border: 1px solid #4aa7b1;
}
#poly_regular .slick-dots li:nth-of-type(16),
#rapid_regular .slick-dots li:nth-of-type(16) { 
	background: linear-gradient(135deg, #9EC35B 0%, #9EC35B 25%, #cfff77 65%, #FFF 100%); border: 1px solid #9EC35B;
}
#poly_regular .slick-dots li:nth-of-type(17),
#rapid_regular .slick-dots li:nth-of-type(17) { 
	background: linear-gradient(135deg, #98C7D7 0%, #98C7D7 25%, #b4ecff 65%, #FFF 100%); border: 1px solid #98C7D7;
}
#poly_regular .slick-dots li:nth-of-type(18),
#rapid_regular .slick-dots li:nth-of-type(18) { 
	background: linear-gradient(135deg, #ffbfc6 0%, #ffbfc6 25%, #ffd8dc 65%, #FFF 100%); border: 1px solid #ffbfc6;
}
#poly_regular .slick-dots li:nth-of-type(16)::after,
#poly_regular .slick-dots li:nth-of-type(17)::after,
#poly_regular .slick-dots li:nth-of-type(18)::after,
#rapid_regular .slick-dots li:nth-of-type(16)::after,
#rapid_regular .slick-dots li:nth-of-type(17)::after,
#rapid_regular .slick-dots li:nth-of-type(18)::after {
	content: "ラメ"; left: calc(50% - .8em);
}
#poly_regular .slick-dots li:nth-of-type(19) { background: linear-gradient(135deg, #FFF 0%, #FFF 50%, #bdcf41 50%, #bdcf41 100%);}
#poly_regular .slick-dots li:nth-of-type(19)::after {content: "蓄光"; left: calc(50% - 1em); letter-spacing: -.1em;}
#poly_regular .slick-dots li:nth-of-type(20) { background: linear-gradient(135deg, #FFF 0%, #FFF 50%, #C995BA 50%, #C995BA 100%);}
#poly_regular .slick-dots li:nth-of-type(20)::after {content: "UV"; left: calc(50% - .7em); letter-spacing: .1em;}
#poly_regular .slick-dots li:nth-of-type(21),
#poly_coupon .slick-dots li:nth-of-type(11),
#rapid_regular .slick-dots li:nth-of-type(19) {
	background: url("../img/product/eco.png") no-repeat 50%; background-size: 70% auto;
}
#poly_regular .slick-dots li:nth-of-type(22)::after {content: "抗菌"; left: calc(50% - 1em); letter-spacing: -.1em;}
#poly_regular .slick-dots li:nth-of-type(23)::after {content: "丸柄"; left: calc(50% - 1em); letter-spacing: -.1em;}

#poly_heart .slick-dots li:nth-of-type(2) { background: #E7BCC2; border: 1px solid #E7BCC2;}

.prdbornlist span {
	position: absolute;
	display: block;
	text-align: right;
	color: #c00;
	right: 5%;
	bottom: 3em;
}

/*
.ssprdpacklist .slick-dots {
	margin: 0 0 1em .05em;
}
.ssprdpacklist .slick-dots li {
	display: inline-block;
	width: 17%;
	height: 2em;
	border-radius: .2em;
	margin: .5em 1% 0;
	text-indent: -9999px;
	background: #FFF;
	border: 1px solid #000;
	position: relative;
	vertical-align: middle;
}
.ssprdpacklist .slick-dots li.slick-active {
}
*/

.prddl {
	text-align: center;
	margin: 1.5em auto 3em;
}
.prddl dt {
	background: #D0EDFC;
	border: 1px solid #6AC1F7;
	border-radius: .3em .3em 0 0;
	line-height: 1.5;
	padding: .2em 0;
}
.prddl dd {
	padding: 1em 10% .5em;
	border-left: 1px solid #6AC1F7;
	border-right: 1px solid #6AC1F7;
	border-bottom: 1px solid #6AC1F7;
}
.prddl dd span {
	display: block;
	font-size: 1.1em;
	margin-bottom: .5em;
}

.prddl ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.5em;
}
.prddl li {
	background: url(../img/prd_dl.png) no-repeat;
	background-size: 100% auto;
	width: 46%;
	font-size: 1.2em;
	position: relative;
}
.prddl li a {
	display: block;
	color: #000;
	padding: 1em 0 1.5em;
}
.prddl li a div {
	line-height: 1.8;
}
.prddl li:nth-of-type(1) a div {
	padding-left: 1.3em;
	background: url("../img/icon-win.png") no-repeat calc(50% - 2.7em) 50%;
	background-size: auto 50%;
}
.prddl li:nth-of-type(2) a div {
	padding-left: 1em;
	background: url("../img/icon-mac.png") no-repeat calc(50% - 1.7em) 30%;
	background-size: auto 60%;
}
.prddl li a::after {
	content: "";
	position: absolute;
	display: block;
	background: url("../img/icon-dl.svg") no-repeat 50% 35% #000;
	background-size: auto 55%;
	width: 1.8em;
	height: 1.8em;
	border-radius: 50%;
	left: calc(50% - .9em);
	bottom: -.7em;
}
.prddl li a img {
	width: auto;
	height: .95em;
	margin: .2em -.05em 0;
}
.notes {
	font-size: .9em;
	margin-top: .5em;
}
.notes li {
	line-height: 1.3;
	text-indent: -.8em;
	padding-left: .8em;
	margin-bottom: .3em;
}
.notes li::before {
	content: "※";
	margin-right: .2em;
	color: #18A2F8;
}

.sensu_op {
	display: flex;
	justify-content: space-between;
}
.sensu_op dl {
	text-align: center;
	line-height: 1.3;
}
.sensu_op dt {
	background: #18A2F8;
	color: #FFF;
	padding: .2em 0;
	border-radius: .3em .3em 0 0;
	border: 1px solid #18A2F8;
}
.sensu_op span {
	display: block;
	font-size: .8em;
}
.sensu_op dd {
	border: 1px solid #18A2F8;
}
.op_name dl {
	width: 32%;
}
.op_name dd {
	padding: .5em 1%;
	position: relative;
}
.op_name dd a::before {
	content: "";
	display: block;
	width: 45%;
	height: 30%;
	position: absolute;
	left: 0;
	top: 0;
	background: #FFF;
}
.op_name dd img {
	margin-bottom: .5em;
}
.op_pack dl {
	width: 19%;
}
.op_pack dt {
	height: 2.2em;
	line-height: 1.2;
	display: flex;
	align-items: center;
	justify-content: center;
}
.op_pack dd {
	padding: .6em 0 .4em;
}
.op_pack dd img {
	margin-bottom: .2em;
}
.op_pack span {
	display: inline-block;
	padding: .1em .5em;
	color: #999;
}
.op_pack span.ok {
	background: #cc0000;
	color: #FFF;
}

.op_pack .zoom::after {
    top: -.4em;
    left: -.2em;
}



/*===== ご利用ガイド =====*/
.flowchart {
	counter-reset: stepnum;
	margin-left: 0;
}
.flowchart li {
	position: relative;
}
.flowchart li:nth-of-type(n + 2) {
	margin-top: 3em;
}
.flowchart li:nth-of-type(3) {
	margin-top: 4.8em;
}
.flowchart li:nth-of-type(5) {
	clear: both;
}
.flowchart li:nth-of-type(n + 2) dl::before,
.flowchart li.ch dl::after {
	content: "";
    position: absolute;
    left: calc(50% - 3em);
	top: -3.1em;
	background: #D0EDFC;
	height: calc(tan(60deg) * 3em / 2);
	width: 6em;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	z-index: -1;
}
.flowchart li:nth-of-type(3) dl::before {
	height: calc(tan(60deg) * 12em / 2);
	clip-path: polygon(0 75%, 0 0, 100% 0, 100% 75%, 50% 100%);
	top: -11em;
}
.flowchart li.ch dl::after {
	top: auto;
	bottom: -2.6em;
}
.flowchart li:nth-of-type(4) dl::before,
.flowchart li:nth-of-type(5) dl::before {
	display: none;
}
.flowchart dl {
	border-radius: .3em;
	border: 1px solid #48A2F1;
	background: #FFF;
	position: relative;
}
.flowchart li dt {
	color: #18A2F8;
	font-size: 1.3em;
	display: flex;
	align-items: center;
}
.flowchart li dt span {
	display: inline-block;
	background: #18A2F8;
	color: #FFF;
	padding: 1em .45em;
	font-size: .8em;
	border-radius: .3em 0 0 0;
	margin-right: .6em;
}
.flowchart li dd {
	padding: .7em 2% .5em;
	border-top: 1px solid #6AC1F7;
}
.flowchart li dd p {
	margin-bottom: .8em;
}
.flowchart li dd img {
	width: 100%;
	height: auto;
	margin: .5em auto 0;
}
.flowchart li:nth-of-type(3) dl {
	margin-top: 3em;
}
.flowchart li.ch dl {
	width: 48%;
	float: left;
	margin-bottom: 3em;
}
.flowchart li.ch dl:nth-of-type(2) {
	float: right;
}
.flowchart li.ch dd {
	padding: .7em 3% .5em;
}
.flowchart .chd {
	position: absolute;
	top: -5.8em;
	z-index: 10;
	font-size: .8em;
	line-height: 1.5;
	text-align: center;
	width: 49%;
}
.flowchart .chd strong {
	display: block;
	border: 1px solid #48A2F1;
	border-radius: .2em;
	background: #FFF;
	width: 4.2em;
	color: #48A2F1;
	margin: .3em auto;
	font-size: 1.5em;
}
.flowchart .chd:nth-of-type(2) {
	left: 51%;
}
.flowchart .ctctbl {
	margin-bottom: 1em;
}


/*===== よくある質問 =====*/
.faqlist {
	line-height: 1.5;
	margin-top: 0 !important;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #D0EDFC;
}
dl.faqlist dt {
	color: #1a9bfc;
	text-indent: -2em;
	padding: 1em 2.5em 0 2em !important;
	margin-bottom: 1em;
	position: relative;
}
dl.faqlist dt:nth-of-type(n + 2) {
	border-top: 1px solid #D0EDFC;
}
dl.faqlist dt::before {
	content: "Ｑ";
	margin-right: .5em;
	line-height: 1;
	font-size: 1.1em;	
	background: #1a9bfc;
	color: #FFF;
	border-radius: 50%;
	padding: .1em .2em;
}
dl.faqlist dt::after {
	font-size: 1.2em;
	content: "＋";
	position: absolute;
	right: -.3em;
	top: .7em;
	color: #000;
}
dl.faqlist dt.open::after {
	content: "－";
}
dl.faqlist dd {
	padding: 0 0 1em 2em !important;

}


/*===== 会社概要 =====*/
.cotbl {
	margin-bottom: 2em;
}
.cotbl td {
	padding: 0.8em 2% 1em;
}
.com_gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	margin: 1em auto;
}
.com_gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}


/*===== お問い合わせ =====*/
.formtbl th.reqd::after {
	content: "必須";
	vertical-align: text-top;
	background: #c00;
	font-size: .8em;
	padding: .1em .2em;
	margin-left: .5em;
	color: #FFF;
}
.formtbl td {
	padding: 0.8em .5em 1.2em 2%;
	line-height: 2;
}
.formtbl td span {
	display: block;
	line-height: 1.5;
}
.formtbl li {
	list-style: upper-alpha;
	margin-left: 1.2em;
}
.formtbl input[type="text"],
.formtbl input[type="number"],
.formtbl input[type="tel"],
.formtbl input[type="email"],
.formtbl input[type="date"],
.formtbl select,
.formtbl textarea {
	border: solid 1px #CCC;
	border-radius: 3px;
	padding: .3em .5em;
	margin: 5px 0;
	vertical-align: middle;
	font-size: 16px;
    -webkit-appearance: none;
	font-family: sans-serif;
}
.formtbl input {
	width: 90%;
}
.formtbl tr:nth-of-type(10) input[type="text"] {
	width: 50%;
	margin-left: .5em;
}
.formtbl input[type="number"] {
	width: 20%;
}
.formtbl input[type="date"] {
	width: 9em;
}
.formtbl input[type="radio"] {
	vertical-align: text-bottom;
	line-height: 1;
	margin: 0 .2em 0 0;
	width: 1em;
	height: 1em;
	font-size: 1.1em;
}
.formtbl label {
	display: block;
	border: none;
	padding: 0;
}
.formtbl tr:nth-of-type(2) label {
	display: inline-block;
	margin-right: 1em;
}
.formtbl tr:nth-of-type(2) label:nth-of-type(n + 5) {
	margin-right: 0;
}
.formtbl textarea {
	width: 90%;
	height: 10em;
}
::placeholder {
  color: #ccc;
}
.formbtn input {
	display: block;
	border: none;
	border-radius: 2em; 
	background: #fb9f1a;
	color: #fff;
	margin: 2em auto;
	outline: none;
	cursor: pointer;
	padding: .7em 0;
	width: 75%;
	font-size: 1.1em;
    -webkit-appearance: none;
}

/**/
.entry-content h3{
	margin-bottom: 24px !important;
	padding-left: 0 !important;
}
.entry-content h3::before{
	content: none;
}
.entry-content dl dt{
	margin: 0;
}
.entry-content dl dd{
	margin: 0;
}
.entry-content dl dd p img{
	max-width: max-content;
}
.item-description{
	max-width: 750px;
}
.entry-content ol,.entry-content ul {
  list-style-type: none;
}


/*モーダルを開くボタン*/
.modal-open{
	position: fixed;
	display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    left: 50%;
	width: 300px;
	height: 50px;
	font-weight: bold;
	color: #fff;
	background: #000;
	margin: auto;
	cursor: pointer;
	transform: translate(-50%,-50%);
}
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,50%);
	padding: 40px 20px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
    box-sizing: border-box;
}
/*モーダル本体の擬似要素の指定*/
.modal-container:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active{
	opacity: 1;
	visibility: visible;
}
/*モーダル枠の指定*/
.modal-body{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 500px;
	width: 90%;
}
/*モーダルを閉じるボタンの指定*/
.modal-close{
	position: absolute;
	display: flex;
    align-items: center;
    justify-content: center;
	top: -40px;
	right: -40px;
	width: 40px;
	height: 40px;
	font-size: 40px;
	color: #fff;
	cursor: pointer;
}
/*モーダル内のコンテンツの指定*/
.modal-content{
	background: #fff;
	text-align: left;
	padding: 30px;
}


.card-body .card-title{
	font-size:1.2em !important;
}
.card-body .card-text{
	display: none;
}


/*商品詳細*/
.option_wrap{
	margin-bottom: 64px;
}
.option_wrap h2{
	margin-bottom: 24px !important;
	color: #3888e9;
}
.option_wrap h3::before{
	content: none;
	margin-bottom: 16px !important;
}
.option_wrap .hone_list{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 16px;
}
.option_wrap .hone_list li{
	width: 24%;
	margin: 1% .5%;
	max-width: 150px;
}
.option_wrap .hone_list li img{
	width: 100%;
}
.option_wrap .hone_text{}
.option_wrap .hone_text p{
	margin: 0 0 8px 0;
}
.option_wrap ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
.option_wrap ul li{}
.option_wrap .hone_text{}
.option_wrap .bbtbl td{
	background: #fff;
}

.option_wrap .pr1{
    margin:  0;
	padding: 5px;
	color: #333;
	 margin: 0;
     padding:5px;
	 border:1px solid #6cf;
	 border-radius: 16px;        /* CSS3草案 */  
    -webkit-border-radius: 16px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 16px;   /* Firefox用 */  
	 background:#fff;
}
	
.option_wrap .pr1 h4.h4_catch{
    margin:  0;
	padding: 5px;
	font-weight:bold;
	font-size:1.5em;
	letter-spacing:.2em;	
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */  
	background:#cff;
	text-align:center;
	
}
.option_wrap .pr1 h4.h4_catch span{
    margin:  0;
	padding: 0;
	font-weight:bold;
    color: #36f;
}
.option_wrap .pr1 p{
    margin:  0;
	padding: 5px;
	/* font-size:1.2em; */
	color: #333;
}

.option_wrap .pr1 p.catch{
    margin:  0;
	padding: 5px;
	/* font-size:1.4em; */
	color: #f30;
}
.option_wrap .pr1 p img{
	width: 100%;
}

.option_wrap ul li#{
    margin:  0;
	padding: 5px;
	font-size:1.2em;
	color: #333;
}

span.cyan{
	color: #3cf;
}
span.magenta{
	color: #f09;
}
span.yellow{
	color: #ff0;
}
span.black{
	color: #000;
}

.bold {
    font-weight: bold;
}
.red {
    color: #f00;
}

.kakaku_table{
	margin-bottom: 64px;
}
.kakaku_table h2{
	margin-bottom: 24px !important;
	color: #3888e9;
}
.kakaku_table .kakaku_table_wrap{
	margin-bottom: 24px;
}
.kakaku_table .kakaku_table_wrap table{
	margin: 0 0 16px 0;
}
.kakaku_table .kakaku_table_wrap table th{
	font-size: 16px;
	padding: 8px;
}
.kakaku_table .kakaku_table_wrap table td{
	font-size: 14px;
	background: #fff;
	padding: 8px;
}

.kakaku_table .kakaku_table_wrap table.defTable_01 {
}
.kakaku_table .kakaku_table_wrap table.defTable_01 td.special {
	border: solid 1px #FF9900;
	background: #FFEDD1;
}
.kakaku_table .kakaku_table_wrap table.tableTop {
	margin-top: 1em;
}
.kakaku_table .kakaku_table_wrap table.defTable_01 th,
.kakaku_table .kakaku_table_wrap table.defTable_01 td {
	padding: 5px 10px;
	border: solid 1px #ffbf2a;
	text-align: center;
	vertical-align: middle;
}
.price .kakaku_table .kakaku_table_wrap table.defTable_01 th,
.price .kakaku_table .kakaku_table_wrap table.defTable_01 td {
	text-align: center;
}
.kakaku_table .kakaku_table_wrap table.defTable_01 th {
	background: #ffe9c9;
	color: #333;
}
.kakaku_table .kakaku_table_wrap table.defTable_01 td.ryomen{
	background: #fea900;
	text-align: center;
	color: #fff;
}


.kakaku_table .kakaku_table_wrap table th.special{
	white-space: nowrap;
	border: solid 1px #FF9900;
	background: #ffad33;
}
.kakaku_table .kakaku_table_wrap table td.special {
    white-space: nowrap;
    border: solid 1px #FF9900;
    background: #FFEDD1;
}

.kakaku_table{}

.kakaku_rei{
	margin-bottom: 64px;
}
.kakaku_rei dl.cal {
	width: 100%;
	font-size: 1.2em;
	margin: 10px 0;
	border: 1px solid;
	border-color:#26B578;
}
.kakaku_rei dl.cal dt {
	font-weight: bold;
	background:#B7EEE3;
	padding:5px 10px;
}
.kakaku_rei dl.cal dd {
	background-color: #fff;
	margin: 0;
	font-weight: bold;
	padding:5px 10px;
	color: #066;
}
.kakaku_rei dl.cal dd span.redB {
    font-weight: bold;
    color: #FD0105;
}
.kakaku_rei dl.cal dt span.mini{
	font-size:0.8em;
	color:#666;
}
.kakaku_rei dl.cal dt span.pink{
	font-size:1.0em;
	color:#F06;
}
.kakaku_rei dl.cal dd span.grey{
	font-size:0.8em;
	color:#666;
}
.kakaku_rei dl.cal dd span.red_m{
	font-size:0.8em;
	color:#FD0105;
}

.etc_text{
	margin-bottom: 64px;
}
.etc_text .text_wrap{}
.etc_text .text_wrap .soudan_ttl{
	background: #169DFC;
	padding: 8px 16px;
	box-sizing: border-box;
	border-radius: 4px;
	color: #fff;
	text-align: center;
	margin-bottom: 24px !important;
}
.etc_text .text_wrap .soudan_ttl::before{
	content: none;
}
.etc_text .text_wrap p{
	margin: 0 0 8px 0 !important;
}
.etc_text .text_wrap p.att{
	position: relative;
	padding-left: 1.25em;
}
.etc_text .text_wrap p.att::before{
	content: "※";
	position: absolute;
	left: 0;
	color:#FD0105;
}
.etc_text .text_wrap{}
.etc_text{}
.etc_text{}
.etc_text{}
.etc_text{}

.detail_table{
	margin-bottom: 64px;
}
.detail_table th{}
.detail_table td{
	background: #fff;
	font-size: 12px;
}
.detail_table p{}
.detail_table .defList{
	margin: 0;
}
.detail_table .defList li{
	position: relative;
	padding-left: 1.25em;
	margin: 0 0 16px 0;
}
.detail_table .defList li::before{
	content: "●";
	position: absolute;
	color: #169DFC;
	left: 0;
}
.detail_table .defList{}
.detail_table p{
	margin: 0 0 8px 0;
}
.detail_table p{}

.dl_size{}
.dl_size ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
.dl_size ul li{
	width: 30%;
	margin-right: 2%;
}
.dl_size ul li.nyukou{
	margin-right: 0%;
}
.dl_size ul li a{
	display: block;
	padding: 16px;
	box-sizing: border-box;
	border: 1px solid #169DFC;
	color: #169DFC;
	background: #fff;
	text-align: center;
	width: 100%;
	text-decoration: none;
	border-radius: 50px;
}
.dl_size{}
.dl_size{}
.dl_size{}
.pc_only{
}
.sp_only{
	display: none;
}
#primary{
}
#cart_table td{
	background: #fff;
}



@media screen and (max-width: 768px) {
	.kakaku_table_wrap{
		overflow-x: scroll;
	}
	.kakaku_table_wrap table{
		width: max-content;
	}
.dl_size ul{
	justify-content: center;
}
.dl_size ul li{
	width: 49%;
	margin: 0 0 2%;
}
.dl_size ul li a{
}
.etc_text .text_wrap .soudan_ttl{
	font-size: 16px;
}
.etc_text .text_wrap p{
	font-size: 12px;
}
.pc_only{
	display: none;
}
.sp_only{
	display: block;
}
}




/* form module 
========================= */
/* m-form-1 */

.m-form-1 p{
	margin: 0 !important;
}
.m-form-1 dl{
	margin: 0 !important;
}
.m-form-1 input[type=text], .m-form-1 input[type=email], .m-form-1 input[type=tel], .m-form-1 input[type=number], .m-form-1 textarea, .m-form-1 select {
  color: #363636;
  border: solid 1px #c1c1c1;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 34px;
  padding: 5px 15px;
  border-radius: 4px;
  font-size: 0.875rem;
  letter-spacing: 0.06em;
  background: none;
}
.m-form-1 input[type=text]::-moz-placeholder, .m-form-1 input[type=email]::-moz-placeholder, .m-form-1 input[type=tel]::-moz-placeholder, .m-form-1 input[type=number]::-moz-placeholder, .m-form-1 textarea::-moz-placeholder, .m-form-1 select::-moz-placeholder {
  color: #c1c1c1;
}
.m-form-1 input[type=text]::placeholder, .m-form-1 input[type=email]::placeholder, .m-form-1 input[type=tel]::placeholder, .m-form-1 input[type=number]::placeholder, .m-form-1 textarea::placeholder, .m-form-1 select::placeholder {
  color: #c1c1c1;
}
.m-form-1 input[type=text]._type-2, .m-form-1 input[type=email]._type-2, .m-form-1 input[type=tel]._type-2, .m-form-1 input[type=number]._type-2, .m-form-1 textarea._type-2, .m-form-1 select._type-2 {
  width: 156px;
}
.m-form-1 select {
  max-width: 200px;
  width: auto;
}
.m-form-1 textarea {
  height: 110px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.m-form-1__select {
  position: relative;
  display: inline-block;
}
.m-form-1__select::after {
  /* position: absolute;
  content: "";
  display: block;
  top: 0;
  right: 0;
  width: 37px;
  bottom: 0;
  background: #363636 url("../img/cmn/cmn_arr03.svg") no-repeat center center/14px auto;
  border-radius: 0 4px 4px 0;
  pointer-events: none; */
}
.m-form-1__select select {
  color: #363636;
  background: none;
  border: solid 1px #c1c1c1;
  box-sizing: border-box;
  display: block;
  height: 34px;
  padding: 5px 64px 5px 15px;
  border-radius: 4px;
  font-size: 0.875rem;
  letter-spacing: 0.06em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.m-form-1__select select::-ms-expand {
  display: none;
}
.m-form-1__chkGroup {
  margin-top: 7px;
  display: flex;
  flex-wrap: wrap;
}
.m-form-1__chkGroup .m-form-1__chk {
  margin: 0 50px 0 0;
}
.m-form-1__chk {
  margin-top: 7px;
}
.m-form-1__chk__item {
  display: flex;
}
.m-form-1__chk__item:not(:last-child) {
  margin-bottom: 10px;
}
.m-form-1__chk__item input {
  margin: 0 5px 0 0;
}
.m-form-1__chk__item__txt {
  font-size: 0.875rem;
  letter-spacing: 0.06em;
}
.m-form-1__radioGroup {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
}
.m-form-1__radioGroup .m-form-1__radio {
  display: block;
  margin: 0;
}
.m-form-1__radioGroup .m-form-1__radio:not(:last-child) {
  margin-right: 30px;
}
.m-form-1__radioGroup .m-form-1__radio__item {
  margin: 0;
}
.m-form-1__radioGroup .m-form-1__radio__item:not(:last-child) {
  margin-bottom: 10px;
}
.m-form-1__radio {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px -5px;
}
.m-form-1__radio__item {
  display: flex;
  margin: 5px 12px;
}
.m-form-1__radio__item input {
  margin: 0 5px 0 0;
}
.m-form-1__radio__item__txt {
  font-size: 0.875rem;
  letter-spacing: 0.06em;
}
.m-form-1__radio + textarea {
  margin-top: 7px;
  height: 68px;
}
.m-form-1__address {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.m-form-1__address input[type=text] {
  width: 156px;
  margin-right: 32px;
}
.m-form-1__address__btn {
  background: #363636;
  color: #fff;
  font-size: 0.875rem;
  letter-spacing: 0.06em;
  padding: 3px 18px;
  border-radius: 4px;
  height: 34px;
  cursor: pointer;
}
.m-form-1__address__btn:hover {
  opacity: 0.8;
}
.m-form-1__group {
  margin-bottom: 123px;
	background: #fff;
}
.m-form-1__item {
  display: flex;
  align-items: flex-start;
  border-bottom: solid 1px #d4d3d3;
}
.m-form-1__item.m-form-1__item_type-2 {
  align-items: center;
}
.m-form-1__item__ttl {
  width: 280px;
  box-sizing: border-box;
  padding: 35px 0 30px 26px;
  margin-right: 22px;
  font-size: 0.875rem;
  line-height: 1.29;
}
.m-form-1__item__ttl p{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.m-form-1__item__ttl.m-form-1__item__ttl_type-2 {
  width: 227px;
  margin-right: 12px;
}
.m-form-1__item__ttl__txt {
  letter-spacing: 0.06em;
  color: #18a2f8;
  margin-right: 6px;
}
.m-form-1__item__ttl__required {
  background: #890b0b;
  color: #fff;
  font-weight: 700;
  font-size: 0.6875rem;
  line-height: 1;
  padding: 2px 5px;
  border-radius: 3px;
  display: inline-block;
}
.m-form-1__item__dtl {
  flex: 1;
  padding: 30px 33px 30px 0;
}
.m-form-1__item__dtl p{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.m-form-1__item__dtl > .m-form-1__item__txt:first-child {
  margin-top: 2px;
}
.m-form-1__item__caution {
  font-size: 0.875rem;
  line-height: 1.79;
  letter-spacing: 0.06em;
  margin-top: 9px;
  padding-left: 1em;
  text-indent: -1em;
}
.m-form-1__item__caution em {
  color: #ff0e0f;
}
.m-form-1__item__txt {
  font-size: 0.875rem;
  line-height: 1.79;
  letter-spacing: 0.06em;
  margin-top: 9px;
}
.m-form-1__item__txt a {
  color: #ff0e0f;
  text-decoration: underline;
}
.m-form-1__item__txt a:hover {
  opacity: 0.8;
}
.m-form-1__group-2 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-form-1__submit {
  font-size: 1rem;
  letter-spacing: 0.3em;
  color: #18a2f8;
  font-weight: 700;
  background: none;
  border: solid 2px #18a2f8;
  padding: 11px 30px 11px 16px;
  position: relative;
  cursor: pointer;
  border-radius: 6px;
}
.m-form-1__submit::before, .m-form-1__submit::after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto 0;
  width: 6px;
  height: 13px;
}
.m-form-1__submit::before {
  background: url("../img/cmn/cmn_arr02_c02.svg") no-repeat 0 0/100% 100%;
}
.m-form-1__submit::after {
  background: url("../img/cmn/cmn_arr02_c03.svg") no-repeat 0 0/100% 100%;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .m-form-1__submit:hover {
    background: #18a2f8;
    color: #fff;
  }
  .m-form-1__submit:hover::before {
    background: url("../img/cmn/cmn_arr02_c02.svg") no-repeat 0 0/100% 100%;
    opacity: 0;
  }
  .m-form-1__submit:hover::after {
    background: url("../img/cmn/cmn_arr02_c03.svg") no-repeat 0 0/100% 100%;
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  .m-form-1 textarea {
    height: 160px;
  }
  .m-form-1__chkGroup {
    display: block;
  }
  .m-form-1__chkGroup .m-form-1__chk {
    margin: 0;
  }
  .m-form-1__radioGroup {
    display: block;
  }
  .m-form-1__radioGroup .m-form-1__radio:not(:last-child) {
    margin: 0 0 10px;
  }
  .m-form-1__select::after {
    background: #363636 url("../img/cmn/cmn_arr03.svg") no-repeat center center/10px auto;
  }
  .m-form-1__address input[type=text] {
    margin-right: 10px;
  }
  .m-form-1__group {
    margin-bottom: 32px;
  }
  .m-form-1__item {
    display: block;
    padding-bottom: 24px;
  }
  .m-form-1__item:not(:last-child) {
    margin-bottom: 24px;
  }
  .m-form-1__item__ttl {
    width: auto;
    padding: 16px 16px 8px;
    margin: 0 0 12px;
  }
  .m-form-1__item__ttl.m-form-1__item__ttl_type-2 {
    width: auto;
    margin-right: -6px;
  }
  .m-form-1__item__dtl {
    padding: 8px 16px 16px;
  }
  .m-form-1__group-2 {
    display: flex;
    align-items: center;
    justify-content: center;
		width: 100%;
  }
  .m-form-1__submit {
    font-size: 0.9375rem;
    border-width: 1px;
    padding: 8px 30px 9px 16px;
  }
}

.telfax_wrap{
	margin-bottom: 32px;
}
.telfax_wrap .fc-red{
	color: #f00;
}
.telfax_wrap .fax_youchi_btn {
    display: inline-block;
    background: #fb9f1a;
    padding: 8px 16px;
    line-height: 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #fff;
}
dl.telfax{
	display: flex;
	flex-wrap: wrap;
	border-bottom: solid 1px #d4d3d3;
	margin: 0;
	background: #fff;
}
dl.telfax p{
	margin: 0;
	padding: 0;
}
dl.telfax dt{
	width: 15%;
	padding: 0 0 0 26px;
	box-sizing: border-box;
	background: #18a2f8;
	color: #fff;
	display: flex;
	align-items: center;
}
dl.telfax dd{
	width: 85%;
	padding: 16px 0 16px 0;
	padding-left: 16px;
	box-sizing: border-box;
	background: #fff;
}
table.tbl.tbl_col.cotbl td{
	background: #fff;
}
table.tbl.tbl_col.cotbl td strong{
	color: #f00;
}

@media screen and (max-width: 768px) {
.telfax_wrap{
	margin-bottom: 32px;
}
dl.telfax{
	display: flex;
	flex-wrap: wrap;
	border-bottom: solid 1px #d4d3d3;
	align-items: center;
	margin: 0;
	background: #fff;
}
dl.telfax p{
	margin: 0;
	padding: 0;
}
dl.telfax dt{
	width: 100%;
	padding: 16px;
	box-sizing: border-box;
	background: #18a2f8;
	color: #fff;
}
dl.telfax dd{
	width: 100%;
	padding: 16px 16px 24px;
	box-sizing: border-box;
	background: #fff;
}

table.tbl.tbl_col.cotbl td{
	background: #fff;
}
table.tbl.tbl_col.cotbl td strong{
	color: #f00;
}
}
.article-item .group-add-item .item-code{
	display: none;
}

.kaisya_wrap{
	margin-bottom: 32px;
}
dl.kaisya{
	display: flex;
	flex-wrap: wrap;
	border-bottom: solid 1px #d4d3d3;
	align-items: center;
	margin: 0;
	background: #18a2f8;
}
dl.kaisya p{
	margin: 0;
	padding: 0;
}
dl.kaisya dt{
	width: 15%;
	padding: 24px 0 24px 24px;
	box-sizing: border-box;
	background: #18a2f8;
	color: #fff;
}
dl.kaisya dd{
	width: 85%;
	padding: 35px 24px 30px 16px;
	box-sizing: border-box;
	background: #fff;
}
dl.kaisya dd ul{
	margin: 0;
}
@media screen and (max-width: 768px) {
.kaisya{
	margin-bottom: 32px;
}
dl.kaisya{
	display: flex;
	flex-wrap: wrap;
	border-bottom: solid 1px #d4d3d3;
	align-items: center;
	margin: 0;
	background: #18a2f8;
}
dl.kaisya p{
	margin: 0;
	padding: 0;
}
dl.kaisya dt{
	width: 100%;
	padding: 16px;
	box-sizing: border-box;
	background: #18a2f8;
	color: #fff;
}
dl.kaisya dd{
	width: 100%;
	padding: 16px 16px 24px;
	box-sizing: border-box;
	background: #fff;
}
}


.etc__contact{
    background: #fff;
    padding: 24px;
    box-sizing: border-box;
    border-radius: 8px;
}
.etc__contact p{
    text-align: center;
    font-size: 18px;
}
.etc__contact p span{
	display: inline-block;
}
.etc__contact .ctcbtn{}
.etc__contact .mb-1{
	margin-bottom:32px;
}
.etc__contact p a{
	text-decoration:underline;
	font-size:18px;
}
.etc__contact p .fc-red{
	color: #f00;
}
.etc__contact .uketukejikan{
	font-size: 12px;
}
@media screen and (max-width: 768px) {
.etc__contact{}
.etc__contact p{}
.etc__contact .ctcbtn{
	width: 100%;
}
}

.site-content.pc-search-area{
	display: none !important;
}
.nav-item.search{
	display: none !important;
}

.group-add-item .skuform .add-to-cart .cart-button .skubutton{
        height: 2.8rem;
        margin: 0 auto;
        width: 50%;	
}
@media screen and (min-width: 768px) {
    .group-add-item .skuform .add-to-cart .cart-button .skubutton {
        height: 3rem;
        margin: 0 0 0 auto;
/*         width: 30%; */
    }
}


.form__input__box .wpcf7-form-control-wrap{
	width: 100%;
	display: block;
}
.form__input__box p{
	display: block!important;
	width: 100%;
}
p.remark {
	margin: 16px 0 0 0 !important;
	color: #333;
	padding: 16px;
	font-size: 1em;
	border-radius: 8px;
	background: #ff0;
}
p.remark em{
	color: #f00;
}
p.info {
	margin: 16px 0 0 0 !important;
	color: #333;
	padding: 16px;
	font-size: 1em;
	background: #FFE4E1;
	border-radius: 8px;
}
p.info em{
	color: #f00;
}