@charset "utf-8";
/*
User style sheet
Version: 1.0
Requires at least: 5.2
Requires PHP: 7.2
Description: 
Author: Fuji Power station & Freekobo
Author URI: https://fps2000.com/
Theme URI: http://www.dehenken.co.jp/
*/

/*==============================================================
    Item bar background color
==============================================================*/
.bg-grad-red1 {
    background-color: #a2311f;
    background: linear-gradient(#ac392a, #8b4835);
}
.bg-grad-red2 {
    background-color: #9f2136;
    background: linear-gradient(#b31b3c, #802e36);
}
.bg-grad-red3 {
    background-color: #80195e;
    background: linear-gradient(#a31471, #5a2342);
}
.bg-grad-red4 {
    background-color: #7b2818;
    background: linear-gradient(#83291e, #623322);
}
.bg-grad-red5 {
    background-color: #f74e36;
    background: linear-gradient(#fa5b45, #a73323);
}
.bg-grad-red6 {
    background-color: #9e4d6e;
    background: linear-gradient(#b1697f, #8b2b5b);
}
.bg-grad-green1 {
    background-color: #2b7b1c;
    background: linear-gradient(#2d9616, #275a22);
}
.bg-grad-green2 {
    background-color: #019b75;
    background: linear-gradient(#00b78a, #00664d);
}
.bg-grad-blue1 {
    background-color: #31286b;
    background: linear-gradient(#1a1ba7, #31286b);
}
.bg-grad-blue2 {
    background-color: #3c559c;
    background: linear-gradient(#5266ad, #184995);
}
.bg-grad-blue3 {
    background-color: #42166d;
    background: linear-gradient(#531e8b, #3c1c4d);
}

/*==============================================================
    List mark
==============================================================*/
.list-circle-black,
.list-circle-white,
.list-square-black,
.list-square-white,
.list-rectangle-black {
	font-weight: bold;
	margin-left: 1em;
}
.list-circle-black:before {
	content: '●';
	margin-left: -1em;
}
.list-circle-white:before {
	content: '○';
	margin-left: -1em;
}
.list-circle {
	margin-left: 1em;
}
.list-circle:before {
	content: '●';
	margin-left: -1em;
}
.list-square-black:before {
	content: '■';
	margin-left: -1em;
}
.list-square-white:before {
	content: '□';
	margin-left: -1em;
}
.list-rectangle-black:before {
	display: inline-block;
	content: '';
	width: 0.4em;
	height: 0.8em;
	margin-left:  -0.8em;
	margin-right: 0.4em;
	background-color: #666;
}
.list-sup-kome {
	margin-left: 1em;
}
.list-sup-kome:before {
	content: '※';
	margin-left: -1em;
}

/*==============================================================
    Table
==============================================================*/
/* 4-column table */
.table4column {
	width: 98%;
	margin: 10px auto 30px auto;
	border: 1px solid #666;
	border-collapse: collapse;
	border-spacing: 0;
}
.table4column th,
.table4column td {
	border: 1px solid #666;
}
.table4column th {
	text-align: center;
	padding: 0.4em 1em;
}
.table4column td {
	padding: 0.4em 1em;
}
/* 3-column table */
.table3column {
    width: 98%;
    margin: 10px auto;
    border: 1px solid #666;
    border-collapse: collapse;
    border-spacing: 0;
}
.table3column th,
.table3column td {
    border: 1px solid #666;
}
.table3column td:first-child {
    width: 20%;
}
.table3column td:last-child {
    width: 35%
}
/* 3-column table 2 */
.table3column2 {
    width: 98%;
    margin: 10px auto;
    border: 1px solid #666;
    border-collapse: collapse;
    border-spacing: 0;
}
.table3column2 th,
.table3column2 td {
	padding: 5px;
    border: 1px solid #666;
}
.table3column2 th {
	text-align: center;
}
.table3column2 th {
    width: 15%;
}
.table3column2 th:first-child {
    width: 38%;
}
.table3column2 td {
	text-align: center;
}
.table3column2 td:first-child {
	text-align: left;
}
/* 3-column-audit table */
.table3column-audit {
    width: 98%;
    margin: 10px auto;
    border: 1px solid #666;
    border-collapse: collapse;
    border-spacing: 0;
}
.table3column-audit th,
.table3column-audit td {
    border: 1px solid #666;
}
.table3column-audit td:first-child {
    width: 40%;
}
.table3column-audit td:last-child {
    width: 40%
}

/* 2-column table (No line) */
.table2column {
    width: 94%;
	margin: 0 auto 20px auto;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
}
.table2column th,
.table2column td {
	padding-bottom: 0;
}
.table2column th {
    width: 15%;
	vertical-align: top;
}
.table2column2 {
	width: 95%;
	margin: 20px auto 40px auto;
}
.table2column th {
    width: 25%;
}

/* 4-column table (DocCat) */
.table4column-doccat {
	width: 94%;
	margin: 0 auto 20px auto;
	border: 1px solid #666;
	border-collapse: collapse;
	border-spacing: 0;
}
.table4column-doccat th,
.table4column-doccat td {
	text-align: center;
	border: 1px solid #666;
}
.table4column-doccat th {
	background-color: #A9EAED;
}
.table4column-doccat td:nth-child(1) {
	width: 12%;
}
.table4column-doccat td:nth-child(2) {
	width: 20%;
	text-align: right;
	padding: 0 1em;
}
/* 4-column table (mfx) */
.table4column-mfx {
	width: 100%;
	margin: 0 auto 20px auto;
	border-collapse: collapse;
	border-spacing: 0;
}
.table4column-mfx th,
.table4column-mfx td {
	text-align: left;
	vertical-align: top;
}
.table4column-mfx td:nth-child(1) {
	width: 20%;
}
.table4column-mfx td:nth-child(2) {
	width: 20%;
	padding: 0 1em;
}
.table4column-mfx td:nth-child(4) {
	word-break: break-all;
}

/* 5-column table (MFX) */
.table5column-mfx {
	width: 100%;
	margin: 10px auto 20px auto;
	border: 1px solid #666;
	border-collapse: collapse;
	border-spacing: 0;
}
.table5column-mfx th,
.table5column-mfx td {
	vertical-align: top;
	border: 1px solid #666;
}
.table5column-mfx th {
	text-align: center;
}
/* 6-column table (MM) */
.table6column-mm {
	width: 94%;
	margin: 0 auto 20px auto;
	border: 3px solid #666;
	border-collapse: collapse;
	border-spacing: 0;
}
.table6column-mm th,
.table6column-mm td {
	text-align: center;
	border: 1px solid #666;
}
.table6column-mm td {
	width: 16.6666%;
}
.table6column-mm tr:first-child th {
	font-size: 18px;
	background-color: #eef;
	border-bottom: 2px solid #666;
}
.table6column-mm tr:nth-child(2) th {
	font-size: 14px;
	border-bottom: 3px double #666;
}
.table6column-mm tr:first-child th:first-child,
.table6column-mm tr:nth-child(2) th:nth-child(3),
.table6column-mm tr td:nth-child(3) {
	border-right: 2px solid #666;
}
.table6column-mm tr:nth-child(2) th:nth-child(1),
.table6column-mm tr td:nth-child(1),
.table6column-mm tr:nth-child(2) th:nth-child(4),
.table6column-mm tr td:nth-child(4) {
	background-color: #ddd;
}
.table6column-mm tr:nth-child(2) th:nth-child(2),
.table6column-mm tr td:nth-child(2),
.table6column-mm tr:nth-child(2) th:nth-child(5),
.table6column-mm tr td:nth-child(5) {
	background-color: #eee;
}
.table6column-mm tr:nth-child(2) th:nth-child(3),
.table6column-mm tr td:nth-child(3),
.table6column-mm tr:nth-child(2) th:nth-child(6),
.table6column-mm tr td:nth-child(6) {
	background-color: #fafafa;
}

/*==============================================================
    Color
==============================================================*/
.fl-gray {
	color: #ddd;
}
.bg-gray {
	background-color: #ddd;
}
.fl-light-cyan {
	color: #4FEDEB;
}
.bg-light-cyan {
	background-color: #4FEDEB;
}
.fl-light-magenta {
	color: #f0b8f5;
}
.bg-light-magenta {
	background-color: #f0b8f5;
}

/*==============================================================
    Block margin & padding
==============================================================*/
.block-padding20 {
	margin: 20px 0;
	padding: 20px 0 5px 0;
}

/*==============================================================
    Evaluation version claim form
==============================================================*/
#claimform .note-list li > ul li {
	margin-top: 0.5em;
}
.claim-form1,
.claim-form2 {
	width: 85%;
	font-size: 14px;
	margin: 0 auto;
	border: 1px solid #666;
	border-collapse: collapse;
	border-spacing: 0;
}
.claim-form1 {
	border-bottom: none;
}
.claim-form1 th,
.claim-form1 td,
.claim-form2 th,
.claim-form2 td {
	padding: 4px 10px;
	border-bottom: 1px solid #666;
}
.claim-form1 thead th,
.claim-form2 thead th {
	font-weight: bold;
	text-align: center;
	background-color: #ddd;
}
.claim-form1 tbody tr:nth-child(2n+2) th,
.claim-form1 tbody tr:nth-child(2n+2) td {
	background-color: #f8f8f0;
}
.claim-form1 tbody tr:last-child th,
.claim-form1 tbody tr:last-child td {
	border-bottom: none;
	background-color: #fff;
}
.claim-form1 tbody th {
	width: 30%;
}
.claim-form2 tbody th {
	width: 30%;
	background-color:  #e8f0f0;
}
.claim-form2 tbody tr:nth-child(2n+2) td {
	background-color: #f8f8f0;
}
.claim-form2 .small-size {
	font-size: 12px;
	margin: 0;
}
.claim-form2 .textin15 {
	width: 80px;
}
.claim-form2 .textin20 {
	width: 120px;
}
.claim-form2 .textin50 {
	width: 50%;
}
.claim-form2 .textin80 {
	width: 80%;
}
.claim-form2 .textin100 {
	width: 100%;
}
.claim-form2 .textarea {
	width: 100%;
	height: 10em;
}
.claim-form2 .precautions {
	padding: 1em;
}
.claim-form2 .precautions strong {
	display: block;
	font-size: 18px;
	margin-bottom: 0.5em;
}
.claim-form2 .precautions ul {
	width: 100%;
	font-size: 14px;
	text-align: justify;
	margin: 0;
	list-style: disc;
}
.claim-form2 .precautions ul li {
	font-size: 14px;
}
.claim-form2 .precautions span {
	margin-left: 1em;
}
.claim-form2 .submit {
	text-align: right;
}
.claim-form2 .submit span {
	margin-right: 0;
}
.form-thanks {
	width: 100%;
	padding: 25px 5em 10px 5em;
	border-top: 15px solid #88a;
	border-bottom: 15px solid #88a;
}