/*
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

body {
font-family: "LINE Seed JP", sans-serif;
font-size:1.2rem;
font-weight: 400;
color:#000;
}

.site-body {
 padding:0;
}


a {
color:#000;
}

a:visited { 
color:#000;
}

.full-width {
    margin: 0 calc(50% - 50vw);
    padding: 5em calc(50vw - 50%);
}

.breadcrumb {
padding:1.0rem;
border-top:0;
border-bottom:0;
margin-bottom:1.0rem;
font-size:1.0rem;
font-weight:bold;

}
.breadcrumb a {
text-decoration:none;
}

.breadcrumb-list {
  padding:1.0rem;
  margin:1.0rem 0 1.0rem 0;
  font-size:1.5rem;

}


.site-footer {
    background-color: #00233E;
	color:#FFF;
	padding-bottom:5.0rem;
}

.site-footer-copyright {
    display:none;
}

.site-footer-title {
	font-size:1.0rem;
	border-bottom:none;
}	

.h4_fotter {
　　font-size:2.0rem;
	font-weight:bold;
	margin:0;
	padding:0;
	background-color: #00233E;
}	

.footer_nap {
　　font-size:1.2rem;

}	

.field {
display: flex;
justify-content: flex-end;
}

.card {
background-color: #00233E;
}

.main_category {
 aspect-ratio: 1 / 1; 
}


.category_txt {
  vertical-align: middle;
	font-weight:800;


}




.h2_common { 
font-size:2.0rem;
	border-top:none;
	border-bottom:none !important ;
}


.h2_center { 
 text-align:center;
}


.section_back {
position: relative;
top: -500px;
left: 0;
width: 300px;
height: 300px;
opacity: 0.7;
background-color:red;

}

.section_contents {
font-size:1.2rem;
background-image: url("http://coatone.jp/wp-content/uploads/2026/03/coatone_main_b4.png");
}

.section_contents_l {
font-size:1.2rem;
background-image: url("http://coatone.jp/wp-content/uploads/2026/03/coatone_main_b5.png");
}


.line-seed-jp-thin {
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.line-seed-jp-regular {
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 400;
  font-style: normal;
  color:#FFF;
}

.line-seed-jp-bold {
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.line-seed-jp-extrabold {
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 800;
  font-style: normal;
}



.site-header {
  background-color: #00233E;
}

.global-nav-name {
	color:#FFF
}



.page-header-title {
  color: #00233E;




}

.page-header {
  height:50vh;
  width: 100%;
  background-size:cover;
    background-image: url("http://coatone.jp/wp-content/uploads/2026/03/bgimg001.jpg");
}


.page-id-208 .page-header {

    background-image: url("http://coatone.jp/wp-content/uploads/2026/03/bgimg001.jpg");

}

.page-id-205 .page-header {
    background-image: url("http://coatone.jp/wp-content/uploads/2026/03/bgimg005.jpg");

}

.page-id-6 .page-header {
    background-image: url("http://coatone.jp/wp-content/uploads/2026/03/bgimg010.jpg");

}

.page-id-7 .page-header {
    background-image: url("http://coatone.jp/wp-content/uploads/2026/03/bgimg009.jpg");

}

.page-id-8 .page-header {
    background-image: url("http://coatone.jp/wp-content/uploads/2026/03/bgimg001.jpg");

}






/* フォーム全体のスタイル */
.wpcf7 {
background-color: #f0f0f0; /* ライトグレー */
padding: 20px;
border-radius: 10px;
max-width: 800px;
margin: auto;
}
/* ラベルのスタイル */
.wpcf7-form label {
display: block;
margin-bottom: 10px;
font-size: 16px;
color: #333333; /* ダークグレー */
}
/* 必須フィールドのラベルスタイル */
.wpcf7-form .required {
background-color: #ff0000; /* レッド */
color: white;
padding: 2px 5px;
border-radius: 3px;
margin-left: 10px;
font-size: 12px;
}
/* インプットフィールドのスタイル */
.wpcf7-form textarea {
width: 100%;
padding: 10px;
border: 1px solid #cccccc; /* ライトグレー */
border-radius: 5px;
margin-bottom: 20px;
font-size: 16px;
background-color: #ffffff; /* 白 */
}
/* テキストエリアのスタイル */
.wpcf7-form textarea {
height: 150px;
resize: vertical;
}
/* 送信ボタンのスタイル */
.wpcf7-form input[type="submit"] {
background-color: #007BFF; /* ブルー */
color: white;
cursor: pointer;
transition: background-color 0.3s ease;
border: none;
}
.wpcf7-form input[type="submit"]:hover {
background-color: #0056b3; /* 濃いブルー */
}
/* エラーメッセージと成功メッセージのスタイル */
.wpcf7-form .wpcf7-not-valid-tip {
color: red;
font-size: 14px;
}
.wpcf7-form .wpcf7-mail-sent-ok {
color: green;
font-size: 16px;
margin-bottom: 20px;
}



.table_design02 {
border-collapse: collapse;
width: 100%;
max-width: 80%;
margin:0 auto;

}
.table_design02 tr {
background-color: #e6f1f6;

}
.table_design02 tr:nth-child(odd) {
background-color: #fff;
}
.table_design02 th, .table_design02 td {
padding: 1em;
font-size:1.2rem;
}
.table_design02 th {
font-weight: bold;
text-align: center;
width: 30%;
min-width: 4em;
}



/* マップのラッパーを作成し、全幅指定 */
.full-width-map {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    max-width: none;
    background-color:#000;
}
.full-width-map iframe {
    width: 100% !important;
}

.heading {
	position: relative;
	padding-bottom: 50px;
	font-size: 2.5rem;
	text-align: center;
	border-top:none;
	border-bottom:none;

}

.heading::before {
	content: attr(data-en);
	display: block;
	color: #8BC70B;
	font-size: 1.5rem;

	text-transform: uppercase;

}

.heading::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%) rotate(30deg);
	width: 1px;
	height: 40px;
	background-color: #8BC70B;
}


.mvv_txbox {
    width:100%;
	position: relative;
    padding: 2rem;
    border-radius: 10px;
    border: 3px solid #8BC70B;
    box-shadow: 5px 5px 0 #8BC70B;
	background-color:#FFF;

}


.business_heading {
  position: relative;
  padding: 1rem 0rem;
  border-bottom: 6px solid #00233E;
}

.business_heading:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background: #8BC70B;
}



.box p {
    line-height: 1.5;
}


.box_price {
    --x-gradient: linear-gradient(90deg, #6be5ec 0 25px, transparent 0 calc(100% - 25px), #6be5ec calc(100% - 25px));
    --y-gradient: linear-gradient(#6be5ec 0 25px, transparent 0 calc(100% - 25px), #6be5ec calc(100% - 25px));
    margin: 0.5rem;
    padding: 1rem;
    outline: 2px solid;
    outline-offset: -5px;
    background-image:
        var(--x-gradient),
        var(--y-gradient),
        var(--x-gradient),
        var(--y-gradient);
    background-repeat: no-repeat;
    background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100%;
    background-position: top, right, bottom, left;
}

.box_price p {
    line-height: 1.5;
    color: #222;
}


.vk_post_imgOuter_singleTermLabel {
    background-color: yellow !important;
    color: #000 !important;
}

	
@media (min-width: 992px) {
.header_scrolled .site-header {
	background-color: #00233E;
    width:100%;
	padding:10px;
	
}



/* メインコンテンツ（トップ画像など）を上に詰める */
.site-body {
    margin-top: 0 !important;
    padding-top: 0 !important;
}



}	


.img-sp {
    display: none;
}


@media (max-width: 800px) {

.page-header-title {
	background-color: rgb(255 255 255 / 80%);
	}
	
.page-header-title, h1.page-header-title {
    font-size: 1.5rem;

}
	
.heading {

	font-size: 1.5rem;


}
	
.table_design02 {
width: 100%;
max-width:100%;
	}
	


    .img-pc {
        display: none;
    }

    .img-sp {
        display: block;
    }
	

}


.table_wrap {
    overflow-x : auto; /* 横スクロール */
}

.sample3 {
    width: 100%;
    min-width: 600px; /* 幅が600px以下になったらスクロール */
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 2px 0;
    white-space: nowrap; /* 折り返し禁止 */  
	border:none !important;
}
.sample3 th,
.sample3 td {
    font-size: 14px;
    border: none;
    padding: 8px;
    background: #e8e6f3;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
}
.sample3 td {
    font-size: 15px;
}
.sample3 tr:nth-child(even) th,
.sample3 tr:nth-child(even) td {
  background: #eaf6fe;
}
.sample3 thead th {
    border-radius: 6px 6px 0 0;
    color: #fff;
}
.sample3 thead th:nth-child(1) {
    background: #eaf6fe;
    background-color: transparent;
    color: #000;
}
.sample3 thead th:nth-child(2) {
    background: #14116e;
}
.sample3 thead th:nth-child(3) {
    background: #b50165;
}
.sample3 thead th:nth-child(4) {
    background: #6f9b12;
}
.sample3 thead th:nth-child(5) {
    background: #FA4108;
}
.sample3 tbody tr:first-child th{
    border-radius: 6px 6px 0 0;
}
.sample3 tbody tr:last-child th,
.sample3 tbody tr:last-child td{
    border-radius: 0 0 6px 6px;
}
.sample3 thead th:nth-child(3)  {
  border-top:solid 4px #b50165;
  border-left:solid 4px #b50165;
  border-right:solid 4px #b50165;
}
@media screen and (max-width: 480px) {
.table_wrap {
    position: relative;
}

/* 幅が480px以下になったら矢印を表示 */
.table_wrap::before {
    content: 'スクロール';
    font-size: 0.8rem;
    color: #444444;
    position: absolute;
    top: 0;
    left: 5px;
}
.table_arrow {
    display: block;
    position: relative;
}
.table_arrow::before {
    content: '';
    position: absolute;
    top:20px;
    left:5px;   
    width: 100px;
    height: 1px;
    background:#ccc;  
}
.table_arrow::after {
    content: '';
    position: absolute;
    top:15px;
    left:90px;   
    width: 15px;
    height:1px;
    background:#ccc;
    transform: rotate(35deg);
}
}