/*
Theme Name: Uragawa
Author: Syuichi SATO
Author URI: https://wordpress.org
Description: Uragawa Site
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
:root {
    --sub-title-bg-color: #46B4FF;
    /*
    --sub-title-font-color: #063D63;
    */
    --sub-title-font-color: white;
}

a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/* 最近の投稿ブロック_投稿リスト項目 */
.latest-news li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  padding: 5px 0;
}

/* 最近の投稿ブロック_投稿の日付 */
.latest-news li time.wp-block-latest-posts__post-date {
  order: 1;
  width: 15ch;
  font-size: 1rem;
}

/* 最近の投稿ブロック_投稿タイトル */
.latest-news li a.wp-block-latest-posts__post-title {
  order: 2;
  flex: 1;
  font-size: 1rem;
}

.access-map {
    text-align: center;
}

.sp {
    display: none;
}


.corporate-table p {
  font-size: 16px;
  text-align: center;
  margin: 60px auto 40px;
}
.corporate-table table {
  margin: 20px auto;
}
.corporate-table th {
  background: var(--sub-title-bg-color);
  border: solid 1px #ccc;
  color: var(--sub-title-font-color);
  padding: 10px;
  font-weight: normal;
}
.corporate-table td {
　border: solid 1px #0C7597;
  padding: 10px;
}

h2.subtitle {
    padding: 0.5rem 0 0.5rem 0;
    margin-bottom: 2rem;
    background-color: var(--sub-title-bg-color);
    /*
    background-image: linear-gradient(
	to right,
	#0C7597 70%, 
	#103673
    );
    background-repeat: no-repeat;
    */
    border-radius: 7px;
    /*
    background-size: 100%;
    background-position: bottom;
    */
    color: var(--sub-title-font-color);
    font-size: 26px;
}

.wpcf7 {
    background-color: #f1f0f0; /* ライトグレー */
    padding: 20px;
    border-radius: 10px;
    max-width: 600px;
    margin: auto;
}

.wpcf7-form input[type="submit"] {
    font-family: var(--wp--preset--font-family--literata) !important;
    background-color: var(--sub-title-bg-color);
    color: var(--sub-title-font-color);
    cursor: pointer;
    transition: background-color 0.3s ease;
    border: none;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    font-size: larger;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea
{
    width: 95%;
    padding: 10px;
    border: solid 1px #ccc;
    border-radius: 10px;
}

.corporate-description {
    font-size: 1.5rem;
}

/*834px以下*/
@media screen and (max-width: 834px) {
    .corporate-table .last td:last-child {
	border-bottom: solid 1px #ccc;
	width: 90%;
    }
    .corporate-table p {
	font-size: 16px;
	text-align: center;
	margin: 60px auto 40px;
    }
    .corporate-table th {
	border-bottom: none;
	padding: 2px 10px;
	border-radius: 7px;
	display: block;
	text-align: left;
	background-color: var(--sub-title-bg-color);
	color: var(--sub-title-font-color);
	font-weight: normal;
	/*
	background-image: linear-gradient(
	    to right,
	    #0C7597 70%, 
	    #103673
	);
	*/
    }
    .corporate-table td {
	border: none;
	display: block;
	width: 100%;
	font-size: small;
    }

    .corporate-description {
	font-size: 1.1rem;
    }

    /* 最近の投稿ブロック_投稿リスト項目 */
    .latest-news li {
	flex-direction: column;
	gap: 5px;
    }
  
    /* 最近の投稿ブロック_投稿タイトル・投稿の日付 */
    .latest-news li .wp-block-latest-posts__post-title,
    .latest-news li .wp-block-latest-posts__post-date {
	flex: none;
	width: 100%;
    }
  
    .sp {
	display: block;
    }
}