/*

Theme Name: spica

Template: lightning

(その他のテーマ情報)

*/

@charset "UTF-8";

/* ==========================================================================
   1. 全体リセット（Lightningの余白を強制排除）
   ========================================================================== */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #000000 !important; /* 全体のベースを黒に固定 */
    color: #EFEFEF;
    font-size: 13px;
    line-height: 160%;
}

body {
    /* 左側の黒背景画像をリピートさせて全体のベースを作る */
    background-image: url("images/bg/column-black.jpg") !important;
    background-repeat: repeat-y;
    background-position: left top;
}


/* Lightningのコンテナ制限をリセット */
#wrapper {
    width: 800px !important;
    margin: 0 auto !important;
    position: relative;
    box-shadow: none !important;
}

.container, .siteContent, .mainSection, #main, .mainSection-main {
    width: 800px !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* 不要なヘッダー・パンくず・タイトルを完全に消す */
.page-header, .breadcrumb, .siteContent-header, .entry-header {
    display: none !important;
}

/* ==========================================================================
   2. 左カラム（サイドバー）- 背景とメニューの密着
   ========================================================================== */
.column1 {
    width: 170px !important;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0; /* 下まで背景を伸ばす */
    min-height: 100vh;
    background-image: url("images/bg/column.jpg") !important;
    background-repeat: no-repeat !important;
    background-position: left top;
}

/* メニューリストの隙間を排除 */
.column1 ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.column1 li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.0 !important;
}

.column1 a ,.column1 a img {
    display: block;
    padding:0px; /* 左側に少し余白 */
    margin: 0 !important;
}

.column1 a:hover {
    text-decoration: underline;
}

/* ==========================================================================
   3. メインコンテンツ（右側エリア）
   ========================================================================== */
.column2only {
    margin-left: 177px !important; /* 左カラム(170px) + 隙間 */
    padding-top: 12px !important;  /* 元サイトのコンテンツ開始位置調整 */
    padding-right: 20px;
    text-align: left;
    color: #fff;
}

/* ==========================================================================
   4. お問い合わせフォーム (Contact Form 7) の再現
   ========================================================================== */
.wpcf7 {
    width: 100%;
    margin-top: 0px;
	border-spacing: 0;         /* 念のため隙間を0に設定 */
}
.wpcf7 p{
	margin:2px;
	padding:0px;
	font-weight:bold;
}

.wpcf7 table {
    width: 100%;
    border-collapse: collapse !important;
    border: none !important;
    margin-bottom: 0px;
}

.wpcf7 tr {
    padding: 0px !important;
	margin:0px;
}

/* 項目名（左側） */
.wpcf7 th {
    width: 180px; /* 元サイトの比率 */
    color: #fff !important;
    text-align: right !important;
    padding: 0px !important;
    border: none !important;
    font-weight: normal;
    vertical-align: top;
}

/* 入力欄（右側） */
.wpcf7 td {
    background-color: #000 !important;
    padding: 0 0 0 10px !important;
    border: none !important;
}

/* 入力ボックス */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    width: 100% !important;
    max-width: 400px;
    background-color: #fff !important; /* 入力欄は白 */
    color: #000 !important;
    border: none !important;
    padding: 4px !important;
    border-radius: 0 !important;
}

/* 送信ボタン */
.wpcf7 .wpcf7-submit {
    display: block;
    margin: 20px auto 0px auto !important; /* 中央 */
    width: 120px !important;
    padding: 5px 0 !important;
    background-color: #eee !important; /* 元サイトの薄グレー */
    color: #333 !important;
    border: 1px solid #ccc !important;
    border-radius: 0 !important;
    cursor: pointer;
    font-size: 12px;
}

.wpcf7 .wpcf7-submit:hover {
    background-color: #ccc !important;
}
.submit-area{
	text-align:center;
	border:1px #ccc solid;
	background-color:#333;
	padding:10px;
}

/* ==========================================================================
   5. その他テキスト装飾
   ========================================================================== */
.text_blue_b {
    color: #00A3F0;
    font-weight: bold;
}
h1 {
	font-size: 50%;
	color: #FFFFFF;
	line-height:50%;
	margin-top: 0px;
	margin-bottom:0px;
	padding:0px;
}

h2 {
	font-size: 120%;
	line-height:100%;
	margin-top: 2px;
	margin-bottom:0px;
	padding:0px;
}
h3 {
	color: #FFFFFF;
	font-size: 110%;
	line-height: 150%;
	margin: 0px;
	font-weight: normal;
}
hr {
    display: none; /* 一旦全体では非表示にする（安全策） */
}

.column2only hr {
    display: block; /* メインエリア内のみ表示 */
    border: none;
    border-top: 1px dotted #CCCCCC; /* border: 1pxだと上下左右に線が出るため、上だけにします */
    margin: 30px 0 15px;
    clear: none; /* カラムを突き抜けないよう clear を解除 */
    width: 50%; /* 親要素（column2only）の幅に合わせる */
}
/* 余白調整用のクラス */
.space_h20px { margin-top: 20px; }
.space_h40px { margin-top: 40px; }

.contact-page td ,.contact-page p{
	margin:0px;
	padding:5px;
}