/*
  Skin Name: original
  Description: スキン自作の際にひな型となるスキンです。スタイルは何も入っていません。
  Skin URI: https://wp-cocoon.com/
  Author: 家系研究協議会WEB担当執行理事
  Author URI: https://www.kakenkyou.org/
  Screenshot URI: https://im-cocoon.net/wp-content/uploads/skin-template.png
  Version: 1.0.2
  Priority: 9999000000
*/
/*以下にスタイルシートを記入してください*/
@charset "UTF-8";
/* Updated Skin for an Elegant and Luxurious Hotel Theme */

/* Color Palette Modifications */
:root {
    --primary-color: 68, 85, 102; /* Dark Blue for Elegance */
    --secondary-color: 198, 156, 109; /* Soft Gold for Luxury */
    --back-color: 250, 250, 250; /* Light Background for Clean Look */
    --black-color: 48, 48, 48; /* Darker Tone for Contrast */
    --white-color: 255, 255, 255; /* Pure White for Cleanliness and Space */
    --gray-color: 200, 200, 200; /* Soft Gray for Subtle Borders */
    --gray-light-color: 230, 230, 230; /* Lighter Gray for Backgrounds */
}

/* Font Adjustment for Elegance */
.logo-text, .logo-menu-button, .appeal-title, .entry-title, .list-title, .entry-card-title, .pagination .page-numbers, .article h2, .article h3, .article h4, .article h5, .article h6, .widget h2, .widget-title, .related-entry-main-heading, .comment-title, .footer-title {
    font-family: "Playfair Display", serif; /* Serif font for a classic look */
}

/* Adjusting h2 headings */
h2 {
    margin-top: 50px; 
}


/* Adjusting h3 headings */
h3 {
    margin-left: 50px; 
    margin-right: 50px; 
}


/* Link Color Adjustment for a Consistent Palette */
.a-wrap:hover, .navi-footer-in a:hover, .tagcloud a:hover, .widget_* a:hover {
    background: rgba(var(--secondary-color), 0.1); /* Soft Gold Hover Effect */
}

/* Button and Interactive Elements Styling */
.btn, .pagination .page-numbers, .search-submit, .go-to-top-button, .author-widget-name, .pagination .current, .pagination-next-link, .list-more-button, .comment-btn {
    background-color: rgba(var(--primary-color), 1); /* Dark Blue for Buttons */
    color: rgba(var(--white-color), 1); /* White Text for Contrast */
    border: none; /* Removing Border for a Cleaner Look */
    border-radius: 5px; /* Rounded Corners for Modern Feel */
}

/* Elegance in Headers and Titles */
.article h2, .article h3, .related-entry-heading, .comment-title {
    color: rgba(var(--black-color), 1); /* Dark Color for Emphasis */
    background-color: rgba(var(--white-color), 1); /* Clean Background */
    border-bottom: 2px solid rgba(var(--secondary-color), 0.5); /* Underline with Soft Gold */
}

/* Footer and Widget Styling for Consistency */
footer, .widget {
    background-color: rgba(var(--gray-light-color), 1); /* Light Gray Background */
    color: rgba(var(--black-color), 0.8); /* Slightly Softened Text Color */
}

/* Improving Form and Input Aesthetics */
input[type="text"], input[type="email"], select, textarea {
    border: 1px solid rgba(var(--gray-color), 1); /* Subtle Borders */
    background-color: rgba(var(--white-color), 1); /* White Background for Inputs */
    color: rgba(var(--black-color), 0.8); /* Consistent Text Color */
}

/* Subtle Background Patterns for Added Texture */
body, .main, .section {
    background-image: url('path-to-subtle-pattern.jpg'); /* Adding a Light Patterned Background */
    background-repeat: repeat;
    background-size: cover;
}

.button {
    display: inline-block;
    padding: 10px 15px; /* Adjust size as needed */
    background-color: #007bff; /* Primary button color */
    color: #ffffff; /* Text color */
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px; /* Rounded corners */
    border: none; /* No border */
    cursor: pointer;
    transition: background-color 0.3s, box-shadow 0.3s;
}

.button:hover {
    background-color: #0056b3; /* Slightly darker on hover */
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* Optional: Adds shadow on hover */
}

.button:active {
    background-color: #004299; /* Even darker when pressed */
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.3); /* Pressed effect */
}


/* Additional Styling As