/*
Theme Name: AAA Yokohama 2022
Theme URI: http://aaa.yokohama/
Author: AAA Yokohama
Author URI: http://aaa.yokohama/
Description: The theme for WordPress 5.9.3 customized by AAA Yokohama.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: wine, gold, blue, responsive
Text Domain: aaa
*/

@charset "UTF-8";
:root { --theme-color: rgb(80,30,60); }
:root { --theme-subcolor: rgb(180,130,60); }
/* WP post class */
.contents .alignleft { float: left; margin: 5px 10px 10px 0; }
.contents .alignright { float: right; margin: 5px 0 10px 10px; }
.contents .aligncenter {clear: both; display: block; margin: 0 auto 10px; }
.contents .more-link { margin: 20px 0 0; float: right; display: inline-block; color: var(--theme-subcolor); font-size: 110%; }
/* theme style */
.contents .pagination a, .contents .pagination .current { border-color: rgb(30,40,60); }
.contents .pagination .current { background: rgb(30,40,60); }
.contents .post-pagination { margin: 20px 0; }
.contents a { color: rgb(30,40,60); text-decoration: none; }
.contents a:hover { text-decoration: none; }
.contents .blogContents { text-align: center; }
.contents .linkBlogTop { font-family: 'Cormorant Garamond', serif; text-align: right; }
.contents .linkBlogTop a { padding: 5px; color: var(--theme-subcolor); font-size: 120%; text-align: right; }
.contents .linkBlogTop a::before { margin: 0 5px; display: inline; content: '\00AB'; font-size: 130%; }
.contents .blogContents header { margin: 0 auto; background: rgb(30,40,60); overflow: hidden; }
.contents .blogContents header * { box-sizing: border-box; }
.contents .subTitle {  display: flex; flex-flow: row wrap; justify-content: center; text-align: center; }
.contents .subTitle .en { min-width: 50%; height: 50px; line-height: 2; background: var(--theme-color); flex-grow: 1; color: var(--theme-subcolor); font-size: 180%; font-family: 'Cormorant Garamond', serif; }
.contents .subTitle .jp { min-width: 50%; height: 50px; line-height: 3.2; background: rgb(30,40,60); flex-grow: 1; display: inline-block; color: #FFF; font-size: 120%; }
.contents .blogContents > .inner { background: rgba(255,255,255,1); text-align: left; }
.contents .subTitle .jp.category::before { font-family: 'dashicons'; content: '\f318'; font-size: 120%; line-height: 1; vertical-align: text-bottom; }
.contents .subTitle .jp.tag::before { font-family: 'dashicons'; content: '\f323'; font-size: 120%; line-height: 1; vertical-align: text-bottom; }
.contents .subTitle .jp.calendar::before { font-family: 'dashicons'; content: '\f145'; font-size: 120%; line-height: 1; vertical-align: text-bottom; }
.contents article { padding: 30px 0 60px; overflow: hidden; }
.contents article .heading { margin: 0 0 20px; padding: 0 5px; border-bottom: 1px solid var(--theme-subcolor); display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; }
.contents article .heading a { color: var(--theme-subcolor); font-size: 150%; }
.contents article .heading .date { padding: 5px; flex-grow: 1; font-size: 110%; text-align: right; }
.contents article a.thumbnail, .contents article figure.thumbnail { margin: 0 10px 10px; float: left; }
.contents article img.wp-post-image { width: 100%; max-width: 568px; height: auto; }
.contents article .content { padding: 0 10px 10px; line-height: 2; }
.contents article .foot { background: rgb(255,255,255); display: flex; flex-flow: row wrap; justify-content: flex-start; line-height: 1.25; }
.contents .categoryLink, .contents .tagLink { margin: 10px 10px 0; border-bottom: 1px solid rgb(30,40,60); vertical-align: middle; }
.contents .categoryLink span, .contents .tagLink span { color: rgb(30,40,60); vertical-align: middle; }
.contents .categoryLink::before, .contents .tagLink::before { margin: 0 2px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; color: rgb(30,40,60); font-family: 'dashicons'; vertical-align: middle; }
.contents .categoryLink::before { content: '\f318'; font-size: 140%; }
.contents .tagLink::before { content: '\f323'; font-size: 130%; }
.contents article .foot a { color: var(--theme-subcolor); vertical-align: middle; }
.contents .blogFoot { padding: 30px 0 80px; display: flex; flex-flow: row wrap; justify-content: space-between; line-height: 1.6; }
.contents .blogFoot > * { width: 100%; width: 32%; max-width: 50%; min-width: 228px; margin: 20px 0.5% 20px 0; flex-grow: 1; }
.contents .blogFoot h4 { width: 100%; margin: 20px 0 10px; padding: 5px 10px; background: rgb(30,40,60); box-sizing: border-box; color: #FFF; }
.contents .blogFoot h4 span { padding: 0 10px 0 0; font-size: 110%; }
.contents .blogFoot ul { margin: 0 10px; }
.contents .blogFoot .yearMonthArchive ul { columns: 2; }
.contents .blogFoot > .myCalendar, .contents .blogFoot > span { display: none; }
.contents .blogFoot .widgetBlock { padding: 0 10px; }
.contents .notFoundPosts, .contents .notFoundPages { padding: 30px 0; font-size: 100%; letter-spacing: 0.1em; }
.contents .notFoundPosts span, .contents .notFoundPages span { font-size: 200%; }
#wp-calendar { width: 100%; margin: 0 auto 10px; border-collapse: collapse; }
#wp-calendar caption { padding: 0 0 5px; font-weight: 600; text-align: center; }
#wp-calendar th { background: rgba(30,40,60,0.4); color: #FFF; }
#wp-calendar thead tr th { border: 1px solid #333; }
#wp-calendar thead tr th:nth-child(-n+5){}
#wp-calendar thead tr th:nth-child(6){ background: var(--theme-subcolor); }
#wp-calendar thead tr th:nth-child(7){ background: var(--theme-color); }
#wp-calendar tfoot tr td{ border: none; background: #333; }
#wp-calendar td { height: 36px; padding: 0; border: 1px solid #333; text-align: center; vertical-align: middle; }
#wp-calendar tbody tr #today, #wp-calendar tbody tr #today a { background: rgba(180,130,60,0.2); }
#wp-calendar td a { height: 36px; display: block; background: #FFF; line-height: 36px; text-decoration: underline; }
#wp-calendar td a:hover { background: #FFF; }
#wp-calendar + nav { display: flex; justify-content: space-around; }
#wp-calendar + nav .wp-calendar-nav-prev span, #wp-calendar + nav .wp-calendar-nav-next span { margin: 0 5px; content: '\00AB'; font-size: 130%; line-height: 1; vertical-align: top; }
@media only screen and (max-width: 514px) {
  .contents .blogFoot > * { max-width: 100%; }
}