/*
Theme Name: Hattori Lab Theme
Theme URI: https://github.com/hattori-laboratory/hlab-wp-theme.git
Author: yuzuki-chi
Author URI: https://yuzukichi.jp/
Description: This is Hattori Lab Theme. The author who created the theme is yuzuki-chi, but Hattori Lab members will take over the management and operation.
Requires at least: 5.9
Tested up to: 5.9
Requires PHP: 5.6
Version: 1.0
License: MIT License
License URI: https://opensource.org/licenses/mit-license.php
Text Domain: hattori-lab
Tags: specification-of-hattorilab

Hattori-lab WordPress Theme, (C) 2022
*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */


/*------------------------------
 ▼共通デザイン（モバイル向け）
 -------------------------------*/
 @charset "UTF-8";

 @font-face {
	font-family: 'nikumaru';
	src: url('assets/fonts/nikumarufont.otf'); /* IE9 Compat Modes */
}

body {
	font-family: "Yu Gothic Medium", "游ゴシック Medium", "YuGGothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "sans-serif";
}
a {
	color: #5132D3;
	text-decoration: none;
}
a:visited {
	color: #5132D3;
}
img {
	 max-width: 100%;
}

.container_row {
    display: flex;
    flex-direction: row;
}
.container_column {
    display: flex;
    flex-direction: column;
}
.flex_space-around {
    justify-content: space-around;
}
.flex_space-between {
    justify-content: space-between;
}
.flex_center {
    justify-content: center;
}
.text_center {
    text-align: center;
}
.topbottom_center {
    margin-top: auto;
    margin-bottom: auto;
}
.flex_align_center {
    align-items: center;
}
.white_box {
    background-color: white;
}

.primary-menu-container {
	 display: flex;
}
 
.primary-menu-wrapper {
	 list-style: none;
}
.menu-item > a {
	 text-decoration: none;
}
.no-mobile {
	 display: none;
}
.only-mobile {
	display: block;
}

.width_full {
	width: 100%;
}

/**
 * Header (Navigation)
 */
header {
	text-align: center;
}
header > h1 {
	font-size: 34px;
    color: #5132D3;
	font-family: nikumaru;
	margin-top: 25px;
	margin-bottom: 5px;
}
header > subtitle {
	font-size: 15px;
	color: #5132D3;
}
.primary_navigation ul {
	display: flex;
	flex-direction: row;
	font-size: 1.25em;
	/* text-transform: uppercase; */
	margin-top: 34px;
	list-style: none;
	margin-left: auto;
    margin-right: auto
}
.primary_navigation li {
	margin: 0 18px;
}
.primary_navigation a {
	color: #432;
}
.primary_navigation a:hover {
	color: #5132D3;
}
.menu-item {
	font-size: 20px;
}

/* Footer */
footer {
	margin-top: -30px;
}
.wavify_wave {
    width: 100%;
    height: 130px;
    margin: 0;
}
.copyright {
    color: white;
    margin: -10px 0 0 0;
    padding-bottom: 15px;
    background-color: #82D5FA;
    text-align: center;
}

 /*-------------------------------------
 ▼中型画面向けデザイン（タブレットなど）
 --------------------------------------*/
 @media screen and (min-width: 768px) {
}
/*-------------------------------
▼大型画面向けデザイン（PCなど）
--------------------------------*/
@media screen and (min-width: 1050px) {

	.no-mobile {
		display:block;
	}
	.only-mobile {
		display: none;
	}
	.mobile_selector {
		display: none;
	}
	.primary_footer {
		/* display: flex; */
	}

	header > h1 {
	   margin-top: 30px;
	}
}