* {
	box-sizing: border-box;
}
#content .complete .number {
	background-size: initial;
}

div#container {
	width: 100%;
	padding: 0px;
}
#lpshoppingcolumn {
	width: 830px !important;
}
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent no-repeat center center;
	background-size: contain;
	font-weight:inherit;
}
body {
	line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
nav ul {
	list-style:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
#cart_body {
	width: 100%;
}
/*----------------------------------------------------
繧ｵ繧､繝亥崋螳�
----------------------------------------------------*/
a:hover {
	opacity:0.8;
}
#header {
	margin: 100px auto 0;
	width: 800px;
}
.mywidth{
	width:750px;
	margin:auto;
	box-shadow: 0 6px 20px grey;
	margin-bottom: 20px;
}
.relative{
	position:relative;
}
.bg1 {
	padding: 0;
	margin: 0;
	background-image: url(../images/bg01.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-color: #fff;
}
.btn-position1 {
	position:absolute;
	width: 80%;
	bottom: 4%;
	right: 9%;
}
.btn-position2 {
	position:absolute;
	width: 40%;
	bottom: 5%;
	right: 3%;
}
.btn-position3 {
	position:absolute;
	width: 31%;
	bottom: 31%;
	right: 2%;
}
.move-position1 {
	position:absolute;
	top: 2%;
	left: 0%;
	right: 0%;
}
.move-position2 {
	position:absolute;
	top: 1%;
	right: 0;
}
.move-position3 {
	position:absolute;
	top: -5%;
	right: 0;
}
.move-position4 {
	position:absolute;
	top: 10%;
	right: 0;
}
.move-position5 {
	position:absolute;
	top: 3%;
	right: 0;
}
.move-position6 {
	position:absolute;
	bottom: 3%;
	right: 0;
}
.bunnar-position {
	position: absolute;
	bottom: 8%;
	right: 5%;
	width: 90%;
}
.video-wrap {
	width:95%;
	margin:0 auto;
}
.vd-wrap-ng {
	width:80%;
	display:block;
	margin:0 auto -5%;
}
.overlay:hover {
	opacity:0.8;
	cursor:pointer;
}
.overlayall {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background: rgba(0,0,0,0.7);
}
.size-wrap {
	background:white;
	border-radius: 10px;
	width:450px;
	height:auto;
	margin:15% auto 0;
	border: 5px solid gray;
}
.size-wrap h4 {
	font-size:25px;
	text-align: center;
	padding-top:10%;
}
.size-wrap img {
	padding: 7% 3% 0;
}
.size-item {
	display:flex;
	justify-content: space-around;
}
.size-item a {
	font-size: 25px;
	padding: 0.5em 2em;
	text-decoration: none;
	border-radius: 4px;
	color: #ffffff;
	background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
	background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border-bottom: solid 3px #c58668;
	margin: 15% 0;
}
.footer-nav {
	color:#2A2A2A;
	font-size: 14px;
	text-align: center;
}
.footer-nav ul {
	margin: 20px 0;
}
.footer-nav ul li {
	display:inline-block;
	padding: 5px;
	border-left: 1px solid #2A2A2A;
}
.footer-nav ul li:first-child {
	border-left: none;
}
.footer-nav ul li a {
	color: inherit;
	text-decoration: none;
}
.footer-nav ul li a:hover {
	opacity: 0.7;
}
.bg2 {
	padding: 0;
	margin: 0;
	background-image: url(../images/vd-wrap.png);
	background-size: cover;
	background-repeat: no-repeat;
}
@media screen and (max-width:650px){
	.size-wrap {
		width:90%;
	}
	.size-wrap h4 {
		font-size:0.8em;
	}
	.size-item a {
		padding: 0.7em 2.5em;
		font-size: 0.8em;
	}
	.footer-nav {
		font-size: 10px;
	}
	.footer-nav ul {
		margin: 10px 0;
	}
	.footer-nav ul li {
		padding: 5px;
		line-height: 10px;
	}
}
/*----------------------------------------------------
original
----------------------------------------------------*/
.bg_black {
	background-color: black;
}
.bg_white {
	background-color: white;
}
.bg_cl-white {
	background-color: rgba(255, 255, 255, .5)
}
.bg_lite-blue {
	background-color: #f2ffff;
}
/*----------------------------------------------------
蜈ｱ騾咾SS
----------------------------------------------------*/
/*
#main-wrapp *{
box-sizing:border-box;
}
*/
#main-wrapp img{
	border:none;
	max-width: 100%;
}
img,iframe{
	vertical-align: middle;
}
html {
	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro","繝｡繧､繝ｪ繧ｪ",Meiryo,Osaka,"�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け","MS PGothic",sans-serif;
}
body{
	background-color:#FFF;
	/*max-width:750px;*/
	margin:auto;
}
#main-wrapp{
	overflow:hidden;
}
.tx-center{
	text-align: center;
}
.tx-left{
	text-align:left;
}
.tx-right{
	text-align:right;
}
.bold{
	font-weight:bold;
}
.block{
	display:block;
}
.fl{
	float:left !important;
}
.fr{
	float:right !important;
}
.cf:after{
	clear:both;
}
.cf{
	overflow:hidden;
}
/*----------------------------------------
繝代�繧ｻ繝ｳ繝域ｱ守畑
----------------------------------------*/
.par5{
	width:5%;
}
.par10{
	width:10%;
}
.par15{
	width:15%;
}
.par20{
	width:20%;
}
.par25{
	width:25%;
}
.par30{
	width:30%;
}
.par35{
	width:35%;
}
.par40{
	width:40%;
}
.par45{
	width:45%;
}
.par50{
	width:50%;
}
.par55{
	width:55%;
}
.par60{
	width:60%;
}
.par65{
	width:65%;
}
.par70{
	width:70%;
}
.par75{
	width:75%;
}
.par80{
	width:80%;
}
.par85{
	width:85%;
}
.par90{
	width:90%;
}
.par95{
	width:95%;
}
.par100{
	width:100%;
}
/*----------------------------------------
繝槭�繧ｸ繝ｳ豎守畑
----------------------------------------*/
.m5{
	margin:5px;
}
.m10{
	margin:10px;
}
.m15{
	margin:15px;
}
.m20{
	margin:20px;
}
.m25{
	margin:25px;
}
.m30{
	margin:30px;
}
.mt5{
	margin-top:5px;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mt25{
	margin-top:25px;
}
.mt30{
	margin-top:30px;
}
.mt40{
	margin-top:40px;
}
.mt50{
	margin-top:50px;
}
.mt60{
	margin-top:60px;
}
.mt70{
	margin-top:70px;
}
.mt80{
	margin-top:80px;
}
.mt100{
	margin-top:100px;
}
.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb15{
	margin-bottom:15px;
}
.mb20{
	margin-bottom:20px;
}
.mb25{
	margin-bottom:25px;
}
.mb30{
	margin-bottom:30px;
}
.mb40{
	margin-bottom:40px;
}
.mb50{
	margin-bottom:50px;
}
.ml5{
	margin-left:5px;
}
.ml10{
	margin-left:10px;
}
.ml15{
	margin-left:15px;
}
.ml20{
	margin-left:20px;
}
.ml25{
	margin-left:25px;
}
.ml30{
	margin-left:30px;
}
.mr5{
	margin-right:5px;
}
.mr10{
	margin-right:10px;
}
.mr15{
	margin-right:15px;
}
.mr20{
	margin-right:20px;
}
.mr25{
	margin-right:25px;
}
.mr30{
	margin-right:30px;
}
/*----------------------------------------
繝代ョ繧｣繝ｳ繧ｰ豎守畑
----------------------------------------*/
.pt5{
	padding-top:5px;
}
.pt10{
	padding-top:10px;
}
.pt15{
	padding-top:15px;
}
.pt20{
	padding-top:20px;
}
.pt25{
	padding-top:25px;
}
.pt30{
	padding-top:30px;
}
.pt70{
	padding-top:70px;
}
.pb5{
	padding-bottom:5px;
}
.pb10{
	padding-bottom:10px;
}
.pb15{
	padding-bottom:15px;
}
.pb20{
	padding-bottom:20px;
}
.pb25{
	padding-bottom:25px;
}
.pb30{
	padding-bottom:30px;
}
.pb50{
	padding-bottom:50px;
}
.pb60{
	padding-bottom:60px;
}
.pb90{
	padding-bottom:90px;
}
.pb100{
	padding-bottom:100px;
}
.pl5{
	padding-left:5px;
}
.pl10{
	padding-left:10px;
}
.pl15{
	padding-left:15px;
}
.pl20{
	padding-left:20px;
}
.pl25{
	padding-left:25px;
}
.pl30{
	padding-left:30px;
}
.pr5{
	padding-right:5px;
}
.pr10{
	padding-right:10px;
}
.pr15{
	padding-right:15px;
}
.pr20{
	padding-right:20px;
}
.pr25{
	padding-right:25px;
}
.pr30{
	padding-right:30px;
}
.p5{
	padding:5px;
}
.p10{
	padding:10px;
}
.p15{
	padding:15px;
}
.p20{
	padding:20px;
}
.p25{
	padding:25px;
}
.p30{
	padding:30px;
}
/*----------------------------------------
繝輔か繝ｳ繝医し繧､繧ｺ豎守畑
----------------------------------------*/
.f10{
	font-size:10px;
}
.f12{
	font-size:12px;
}
.f14{
	font-size:14px;
}
.f16{
	font-size:16px;
}
.f18{
	font-size:18px;
}
.f20{
	font-size:20px;
}
.f20{
	font-size:20px;
}
.f22{
	font-size:22px;
}
.f24{
	font-size:24px;
}
.f26{
	font-size:26px;
}
.f28{
	font-size:28px;
}
.f30{
	font-size:30px;
}
.f30{
	font-size:30px;
}
.f32{
	font-size:32px;
}
.f34{
	font-size:34px;
}
.f36{
	font-size:36px;
}
.f38{
	font-size:38px;
}
.f40{
	font-size:40px;
}
/*----------------------------------------
繧ｹ繝槭�蜃ｺ縺怜�縺�
----------------------------------------*/
.sp-only{
	display:none !important;
}
.pc-only{
	display:block;
}
.pc-only.col{
	display:table-cell;
}
.pc-only.col-wrapp{
	display:table;
}

/*----------------------------------------------------
繧ｫ繝ｩ繝�謫堺ｽ�
----------------------------------------------------*/
.col-wrapp{
	display:table;
	width:100%;
	table-layout: fixed;
	border-collapse:separate;
	border-spacing:5px 0px;
}
.col{
	display:table-cell;
	vertical-align: top;
}
.col img{
	max-width: 100%;
	height:auto;
	border:none;
}
.ng-margin5 > .col-wrapp{
	border-spacing:5px 0px !important;
}
.ng-margin10 > .col-wrapp{
	border-spacing:10px 0px !important;
}
.ng-margin15 > .col-wrapp{
	border-spacing:15px 0px !important;
}
.ng-margin20 > .col-wrapp{
	border-spacing:20px 0px !important;
}
.ng-margin25 > .col-wrapp{
	border-spacing:25px 0px !important;
}
.ng-margin30 > .col-wrapp{
	border-spacing:30px 0px !important;
}
.ng-margin35 > .col-wrapp{
	border-spacing:35px 0px !important;
}
.ng-margin40 > .col-wrapp{
	border-spacing:40px 0px !important;
}
.ng-margin5{
	margin-left:-5px;
	margin-right:-5px;
}
.ng-margin10{
	margin-left:-10px;
	margin-right:-10px;
}
.ng-margin15{
	margin-left:-15px;
	margin-right:-15px;
}
.ng-margin20{
	margin-left:-20px;
	margin-right:-20px;
}
.ng-margin25{
	margin-left:-25px;
	margin-right:-25px;
}
.ng-margin30{
	margin-left:-30px;
	margin-right:-30px;
}
.ng-margin35{
	margin-left:-35px;
	margin-right:-35px;
}
.ng-margin40{
	margin-left:-40px;
	margin-right:-40px;
}
/*===============================================
繧ｿ繝悶Ξ繝�ヨ逕ｻ髱｢縺ｮ讓ｪ蟷�800px縺ｾ縺ｧ
===============================================*/
@media screen and (max-width: 800px){
	img{
		max-width: 100%;
		height:auto;
		width:auto;
	}
	body{/*mywidth100%縺ｫ縺ｪ繧九ち繧､繝溘Φ繧ｰ縺ｨ繧ｻ繝�ユ繧｣繝ｳ繧ｰ*/
		min-width:0;
		font-size: 5vmin;
	}
	.mywidth{
		width:100%;
		margin:auto;
	}
	#main{
		width:100%;
		float:auto;
	}
	.col.change800{
		display:block;
		width:100%;
	}
}
/*===============================================
繧ｹ繝槭�逕ｻ髱｢縺ｮ讓ｪ蟷�650px縺ｾ縺ｧ
===============================================*/
@media screen and (max-width:650px){

	#header img {
		width: 42%;
	}

	img{
		max-width: 100%;
		height: auto;
		width:auto;
	}
	body{/*mywidth100%縺ｫ縺ｪ繧九ち繧､繝溘Φ繧ｰ縺ｨ繧ｻ繝�ユ繧｣繝ｳ繧ｰ*/
		min-width:0;
	}
	.mywidth{
		width:100%;
		margin:auto;
		/*
		padding-right:10px !important;
		padding-left:10px !important;
		*/
	}
	.center-padding {
		padding-right:10px !important;
		padding-left:10px !important;
	}
	.pc-only{
		display:none !important;
	}
	.sp-only{
		display:block !important;
	}
	.sp-only.col-wrapp{
		display:table !important;
	}
	.sp-only.col{
		display:table-cell !important;
	}
	.sp-tx-center{
		text-align:center;
	}
	.sp-tx-left{
		text-align:left;
	}
	.sp-tx-right{
		text-align:left;
	}

	.col.change650{
		display:block !important;
		width:100% !important;
	}
	.sp-mt0 {
		margin-top:0px;
	}
	.sp-mt20 {
		margin-top:20px;
	}
	.sp-mt30 {
		margin-top:30px;
	}
	.sp-mt80 {
		margin-top:80px;
	}
	.sp-pb10 {
		padding-bottom:10px;
	}
	.mnt50 {
		margin-top:-30px;
	}
	.ngmb180 {
		margin-bottom: -80px;
	}
	.ng_img_title {
		top: -25px;
		margin-bottom: -10px;
	}
}

#slider02 .swiper-slide {
	background-color: yellow;
}

#slider02 .swiper-slide p {
	font-size: 1.3em;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 0;
}

@media screen and (max-width: 480px){
	#slider02 .swiper-slide p {
		font-size: 0.6em;
	}
}
/* FVポジション */

video.sp_video {
	display: inline-block;
}

video.sp_video {
	display: none;
}

@media only screen and (max-width: 480px) {
video.pc_video {
	display: none;
}

video.sp_video {
	display: inline-block;
}
}

/* 動画ローディングアニメーション */
.video_wrapper {
    position: relative;
}
.video_wrapper:not(.js_active)::before {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
}
.video_wrapper:not(.js_active)::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 60px;
    height: 60px;
    background-image: url(__FILE_ROOT_PATH__/cax_bate/img/min/loading.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
}

.video_wrapper > video {
    width: 100%;
}

/* 購入ボタンポジション */
.btn_position_000 {
    position: absolute;
    width: 100%;
    bottom: 22%;
    left: 11%;
}

.btn_position_001 {
	position: absolute;
    width: 100%;
    bottom: 5%;
    left: 11%;
}

.btn_position_002 {
	position: absolute;
    width: 100%;
    top: 70%;
    left: 13%;
}

.btn_position_003 {
	position: absolute;
    width: 100%;
    top: 20%;
    left: 52%;
}

.giftbtn_position {
	position: absolute;
    width: 100%;
    bottom: 2%;
    left: 7.5%;
}

.textlink_position_001 {
	position: absolute;
    width: 100%;
    bottom: 10%;
    left: 5%;
    font-size: 1.2rem;
}

@media only screen and (max-width: 480px) {
.btn_position_000 {
    width: 85%;
    left: 8.5%;
    bottom: 22%;
}
 .btn_position_001 {
    width: 85%;
    left: 8%;
}
.btn_position_002 {
    width: 75%;
}
.btn_position_003 {
    width: 38%;
}
.giftbtn_position {
    width: 86%;
}
.textlink_position_001 {
    font-size: 0.7rem;
}
}

/* 動画ポジション */
div.video_position {
    width: 37% !important;
	position: absolute;
    top: 51%;
    right: 10%;
}

div.movie_front {
    width: 80.5% !important;
	position: absolute;
    top: 36%;
    left: 9.6%;
}

div.movie_water {
    width: 74.7% !important;
	position: absolute;
    top: 21%;
    left: 12.9%;
}

div.movie_wind {
    width: 74.7% !important;
	position: absolute;
    top: 20%;
    left: 12.9%;
}

div.movie_wash {
    width: 74.7% !important;
	position: absolute;
    top: 22%;
    left: 12.9%;
}

div.movie_hawto {
    width: 85.3% !important;
	position: absolute;
    top: 53%;
    left: 7.5%;
}

/* 動画ポジション
video.video_position {
    width: 37%;
	position: absolute;
    top: 51%;
    right: 10%;
}

video.movie_front {
    width: 80.5%;
	position: absolute;
    top: 36%;
    left: 9.6%;
}

video.movie_water {
    width: 74.7%;
	position: absolute;
    top: 21%;
    left: 12.9%;
}

video.movie_wind {
    width: 74.7%;
	position: absolute;
    top: 20%;
    left: 12.9%;
}

video.movie_wash {
    width: 74.7%;
	position: absolute;
    top: 22%;
    left: 12.9%;
}

video.movie_hawto {
    width: 85.3%;
	position: absolute;
    top: 53%;
    left: 7.5%;
}
*/

/* スライダーGIFポジション */
#myImageCompare01 {
  position: absolute !important;
  bottom: 12.5%;
  left: 8.8%;
}

#myImageCompare02 {
  position: absolute !important;
  bottom: 9%;
  left: 13.4%;
}

#myImageCompare03 {
  position: absolute !important;
  bottom: 8%;
  left: 13.4%;
}

@media only screen and (max-width: 480px) {
#myImageCompare01 {
  width: 85.5%;
}

#myImageCompare02 {
  width: 73.5%;
}

#myImageCompare03 {
  width: 73.5%;
}
}

/* animation設定 */
.animated {
    animation-duration: 2s !important;
    animation-fill-mode: both;
    animation-iteration-count:infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}

.bounce {
    animation-name: bounce;
}

/* アコーディオン */
.acd-all{
    background: #fff;
    width: 750px;
    padding-top: 25px;
    padding-bottom: 100px;
    margin: 0 auto 25px;
}
.acd-child{
    width: 680px;
    margin: 0 auto;
}
.acd-check{
    display: none;
}
.acd-label{
    border: 2px solid #333;
    background: #f6f6f6;
    color: #1a1a1a;
    display: block;
    margin-bottom: 1px;
    padding: 20px;
    padding-left: 35px;
    position: relative;
    font-size: 1.5em;
    font-weight: 900;
    line-height: 1.2em;
    letter-spacing: 5px;
}
.acd-label:after{
    background: #f6f6f6;
    box-sizing: border-box;
    content: '\f067';
    display: block;
    font-family: "Font Awesome 5 Free";
    height: 52px;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -26px;
}
.acd-content{
    display: block;
    background: #f6f6f6;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .2s;
    visibility: hidden;
    margin-bottom: 20px;
}
.acd-content p{
    width: 600px;
    font-size:1.2em;
    font-weight: 300;
    line-height: 1.5em;
    letter-spacing: 2.5px;
}
.acd-content p.details {
    width: 100% !important;
    font-size: 1em;
    background-color: #ffffff;
    border: solid 1px #1a1a1a !important;
    padding: 3%;
    margin-top: 3%;
}
.acd-content img {
    padding-top: 3% !important;
}
.acd-check:checked + .acd-label:after{
    content: '\f068';
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 20px 40px;
    visibility: visible;
}

@media only screen and (max-width: 480px) {
    .acd-all{
        width: 100%;
        padding-top: 15px;
        padding-bottom: 50px;
    }
    .acd-child{
        width: 90%;
        margin: 0 auto;
    }
    .acd-label{
        border: 1px solid #333;
        background: #f6f6f6;
        color: #1a1a1a;
        display: block;
        margin-bottom: 1px;
        padding: 10px;
        padding-left: 17px;
        position: relative;
        font-size: 0.8em;
        line-height: 1.2em;
        letter-spacing: 0.7px;
    }
    .acd-label:after{
        background: #f6f6f6;
        box-sizing: border-box;
        content: '\f067';
        display: block;
        font-family: "Font Awesome 5 Free";
        height: 36px;
        padding: 10px 20px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -18px;
    }
    .acd-content{
        display: block;
        background: #f6f6f6;
        height: 0;
        opacity: 0;
        padding: 0 10px;
        transition: .2s;
        visibility: hidden;
        margin-bottom: 15px;
    }
    .acd-content p{
        width: 300px;
        font-size: 0.7em;
        line-height: 1,5em;
        letter-spacing: 0.7px;
    }
    .acd-content p.details {
        width: 100% !important;
        font-size: 0.65em !important;
    }
    .acd-check:checked + .acd-label + .acd-content{
        height: auto;
        opacity: 1;
        padding: 8px 20px 12px;
        visibility: visible;
    }
}


__PAYMENT_FORM_CSS__

/*-------------------------------------*
 * PCデザイン可変部分
 *-------------------------------------*/
/* 【PC】フォームの項目名ラベル内必須アイコン */
span.form_required_ec{
  /* セクションラベルの色 */
  background: #7E0F09;
  /* セクションラベルのフォント色*/
  color: #ffffff;
}
/* 【PC】フォームのセクションラベル */
.landing_form_label_ec {
  /* セクションラベルの色 */
  background: #1f1f1f;
  /* セクションラベルのフォント色*/
  color: #ffffff;
  /* セクションラベルのフォントサイズ */
  font-size: 18px;
}
/* 【PC】フォーム入力ボックス内の基本デザイン */
table.landing_form_ec {
  border-top: 1px solid #d0dcec;
  border-right: 1px solid #d0dcec;
  background: #FFF;
  border-bottom: 1px solid #999;
}
/* 【PC】フォーム左側　項目名ラベル */
.landing_form_ec th {
  background-color: #f0f0f0;
  border-bottom: 1px solid #d0dcec;
  border-left: 1px solid #d0dcec;
  background-color: #f0f0f0;
}
/* 【PC】フォーム右側　入力ボックス */
.landing_form_ec td {
  border-bottom: 1px solid #d0dcec;
  border-left: 1px solid #d0dcec;
  background-color: #ffffff;
}

/* 【PC】購入ボタンのデザイン */
.submit_bottom_ec {
  border: 0px;
  width: 400px;
  height: 150px;
  background-size: 394px auto;
  background-repeat: no-repeat;
  cursor: pointer;
}

/*-------------------------------------*
 * スマートフォンデザイン可変部分
 *-------------------------------------*/
/* 【SP】フォームの項目名ラベル内必須アイコン */
span.form_required_sp_ec{
  /* セクションラベルの色 */
  background: #7E0F09;
  /* セクションラベルのフォント色*/
  color: #ffffff;
}

/* 【SP】フォームのセクションラベル */
.landing_form_label_sp_ec {
  /* セクションラベルの色 */
  background: #1f1f1f;
  /* セクションラベルのフォント色*/
  color: #ffffff;
  /* セクションラベルのフォントサイズ */
  font-size: 18px;
}

/* 【SP】フォームの項目名ラベル */
.form_box_label_sp_ec {
  background: #f2f2f2;
  border-bottom: 1px solid #C3C3C3;
  border-top: 1px solid #C3C3C3;
}

/* 【SP】購入ボタンのデザイン */
.submit_bottom_sp_ec {
  border: 0px;
  width: 100%;
  height: 150px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  cursor: pointer;
}
/* カラム縦3分割 */
a: link
{
    color: #fff;
    text-decoration: none;
}
a: visited
{
    color: #fff;
    text-decoration: none;
}
a: hover
{
    color: #fff;
    text-decoration: none;
}
a: active
{
    color: #fff;
    text-decoration: none;
}

.col3 {
  display: flex;
}

.col3 li {
  width: calc(100% / 3);
}

ul,
li {
  padding-left: 0;
  margin-top: -10;
  margin-bottom: 0;
  list-style: none;
}

li {
  background: #fff;
  color: #000;
  text-decoration: none;
  text-align: center;
  font-size: 0.5em;
  padding: 10px 0;
  border: 15px solid #fff;
}