@charset "UTF-8";

/* =========================
   非表示
========================= */
header.siteHeader,
.section.page-header,
.breadSection,
.sideSection-col-two,
.siteFooter,
.sbi-critical-notice,
small.pagespeedninja,
.vk-mobile-nav-menu-btn,
.mobile-fix-nav,
.page_top_btn,
div#flipdesk_root {
    display: none !important;
}

/* =========================
   ECカートページ
========================= */
.siteContent {
    padding: 0;
}
.siteContent .container {
    max-width: 100%;
}

/* =========================
   Contact Form 7 専用CSS
========================= */
.mainSection-col-two {
	width: 100%;
	padding: 0;
}
.entry-full {
    margin-bottom: 0rem;
}

/* CF7全体 */
.wpcf7 * {
    box-sizing: border-box;
}
.wpcf7 .frm-custom table.tbl-frm{
	margin:0 0 30px;
	width:100%;
	border-collapse:collapse;
	border-top: 0;
}
.wpcf7 .frm-custom table.tbl-frm th{
	font-size:13px;
	background:#F5F5F5;
	border:0;
	font-weight:400;
	text-align:left;
	padding:30px 0 0 30px;
	width:35%;
}
.wpcf7 .frm-custom table.tbl-frm th p,
.wpcf7 .frm-custom table.tbl-frm td p {
    margin-bottom: 0;
}
.wpcf7 .frm-custom table.tbl-frm tr:last-child th {
    padding: 30px 0 30px 30px;
}
.wpcf7 .frm-custom table.tbl-frm td{
	font-size:14px;
	border:0;
	background:#F5F5F5;
	padding:30px 30px 0 0;
}
.wpcf7 .frm-custom table.tbl-frm tr:last-child td {
	padding:30px 30px 30px 0;
}
table tbody tr td .form-control, table td .form-control {
	max-width: 100%;
}
.wpcf7 .frm-custom table.tbl-frm td p.file{
	margin:15px 0 5px;
}
.wpcf7 .frm-custom table.tbl-frm td p.file:first-child{
	margin-top:0;
}
.wpcf7 .frm-custom table.tbl-frm td p.attention{
	margin:10px 0 0;
	font-size:11px;
	letter-spacing:.03em;
	line-height:1.6;
}
.wpcf7 .frm-custom table.tbl-frm td input[type="file"]{
	font-size: 13px;
	padding: 0;
	margin: 0;
}
.wpcf7 .frm-custom table.tbl-frm th span.required{
	background:#FE6E6E;
	color:#FFF;
	font-size:11px;
	display:inline-block;
	padding:0 8px;
	vertical-align:middle;
	border-radius:3px;
	margin:-2px 0 0 10px;
}
.wpcf7 .frm-custom table.tbl-frm th span.any{
	background:#AAA;
	color:#FFF;
	font-size:11px;
	display:inline-block;
	padding:0 8px;
	vertical-align:middle;
	border-radius:3px;
	margin:-2px 0 0 10px;
}
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder{
	font-size:12px;
}

/* ラジオ横並び調整 */
.wpcf7-list-item {
	display:block;
	line-height:2;
	margin:0;
}
.wpcf7-list-item label {
	font-weight: normal;
}

/* =========================
   ボタン
========================= */
.wpcf7 .frm-btn.center{
	width:fit-content;
	margin:auto;
	display:block;
}

.wpcf7 .frm-btn.center .inner{
	display:flex;
	justify-content: center;
}

.wpcf7 .frm-btn.center input[type="submit"]{
	width: 100%;
	background:#FF9F16;
	color:#FFF;
	padding:12px 100px;
	font-size:15px;
	font-weight:600;
	border-radius:4px;
	border:none;
	cursor:pointer;
	transition:.2s;
}

.wpcf7 .frm-btn.center input[type="submit"]:hover{
	opacity:.7;
}
p.before-submit-note {
    color: #d44c00;
    font-size: 14px;
    font-weight: bold;
}


/*ローディング中*/
.frm-btn.center {
    position: relative;
}

.wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	margin-left: 0 !important;
}

/* =========================
   メッセージ
========================= */
.complete-info { 
    display: none; 
}
.wpcf7-form.sent {
    display: flex;
    flex-direction: column;
    justify-content: center; /* 上下中央 */
    align-items: center;     /* 左右中央 */
    min-height: 870px;       /* iframeの高さに合わせる */
    text-align: center;
    background: #F5F5F5;
	padding: 0 5%;
}
.wpcf7-form.sent .complete-info {
    display: block;
    margin: 0;
    padding: 2%;
}
.wpcf7-form.sent .tbl-frm,
.wpcf7-form.sent .frm-btn,
.wpcf7-form.sent .attention,
.wpcf7-form.sent .wpcf7-response-output {
    display: none !important;
}
.complete-msg-container h3 {
    background: #ff9f16;
    color: #fff;
    text-align: center;
    font-size: 25px;
    line-height: 1.6;
    padding: 15px 0 10px;
    margin: 0 0 15px;
    border-radius: 0;
}
.complete-msg-container p.complete-msg {
    font-size: 14px;
    line-height: 2;
}
.complete-msg-container p strong {
    color: #fd9500;
    font-size: 18px;
}
.order-msg {
	background: #fff6e8;
    padding: 20px 0;
    margin: 15px 0;
}
.order-msg p.txt01 {
	font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px;
    text-align: center;
}
.order-msg p.txt02 {
	font-size: 15px;
    color: #333;
    margin: 0;
    text-align: center;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0;
	text-align: center;
}

/* =========================
   スマホ
========================= */
@media(max-width:580px){
.wpcf7 .frm-custom table.tbl-frm {
	width: 100%;    /* スマホでは100%いっぱいに使う */
	padding: 0;     /* テーブル自体の余白は0にする（中身のtdで調整するため） */
	display: table; /* blockではなくtableに戻すのが安全です */
}
.wpcf7 .frm-custom table.tbl-frm th,
.wpcf7 .frm-custom table.tbl-frm td {
	box-sizing: border-box;
}
.wpcf7 .frm-custom table.tbl-frm th{
	width: 100%;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 30px 8% 0px 8%;
}
.wpcf7 .frm-custom table.tbl-frm tr:last-child th {
    padding: 30px 8% 0px 8%;
}
.wpcf7 .frm-custom table.tbl-frm td{
	font-size:13px;
	padding:10px 8%;
	width:100%;
	display:block;
	border-top:none;
	border-bottom:none;
}
.wpcf7 .frm-custom table.tbl-frm tr:last-child td {
	padding:10px 8% 30px;
}	
.wpcf7 .frm-custom table.tbl-frm td p.attention{
	margin:10px 0 0;
	font-size:10px;
	line-height:1.6;
}
.wpcf7 .frm-btn.center{
	width:100%;
}
.wpcf7 .frm-btn.center .inner{
	display:block;
}
.wpcf7 .frm-btn.center input[type="submit"]{
	width:100%;
	padding:16px 20px;
}

.wpcf7-form.sent {
    min-height: 1100px;
}	
	
.wpcf7 .frm-custom table.tbl-frm td input {
    width: 100% !important;
}	
}

@media(max-width:480px){
.complete-msg-container h3 {
    font-size: 18px;
}
}

