/*!
Theme Name: cross-music-studio
Theme URI: http://underscores.me/
Author: Cross Music Studio
Author URI: https://cross-music-studio.com/
Description: Simple responsive theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cross-music-studio
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ----------
 * 追加
 * ---------- */
:root {
	--text-color: #383838;
	--main-color: #3d2a26;
	--sub-color: #968471;
	--bg-color: #efe9e6;
	--font-sub: "Kiwi Maru", serif;
}
/* ----------
 * layout
 * ---------- */
#wrapper {
	position: relative;
	overflow: hidden;
}
.page {
	margin: 0;
}
section {
	position: relative;
	width: 100%;
	margin: 60px auto;
	padding: 0 5.3333vw;
	box-sizing: border-box;
}
section.pd {
	margin: 0 auto;
	padding: 60px 5.3333vw;
}
.inner {
	max-width: 1300px;
	margin: 0 auto;
}
/* ----------
 * common
 * ---------- */
body {
	color: var(--text-color);
	font-family: "Noto Sans", sans-serif;
	font-size: .875rem;
}
ul, ol {
	margin: 0 0 1.5em;
	padding: 0;
}
ul.none,
ul.disc,
.single .site-main ul,
.single .site-main ol {
	list-style: none;
}
ol.decimal,
.single .site-main ol {
	counter-reset: number 0;
}
ul.disc li,
.single .site-main ul li {
	position: relative;
	padding-left: 1em;
	margin-bottom: .5em;
}
.single .site-main ol li {
	position: relative;
	padding-left: 1.5em;
	margin-bottom: .5em;
}
ul.disc li::before,
.single .site-main ul li::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "・";
}
ol.decimal li::before,
.single .site-main ol li::before {
	counter-increment: number 1;
	position: absolute;
	top: 0;
	left: 0;
	content: counter(number) ".";  
}
img {
	display: block;
}
time {
	display: block;
	font-size: clamp(.75rem, 3.2vw, .8125rem);
	letter-spacing: .2em;
}
table, tbody {
	border-collapse: collapse;
}
a.none {
	text-decoration: none;
}
a:hover, a:focus, a:active {
	outline: none;
}
.pc, .pc2, .pc3 {
	display: none !important;
}
.ct {
	text-align: center;
}
.r {
	text-align: right;
}
.l {
	text-align: left;
}
/* heading */
h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-sub);
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1.3;
}
/* ----------
 * header
 * ---------- */
/* logo */
/* global navi */
/* mobile menu */

/* ----------
 * footer
 * ---------- */

/* ----------
 * top
 * ---------- */
/* main visual */

/* ----------
 * page
 * ---------- */
 
/* ----------
 * 各ページ（※ページごとに区切る）
 * ---------- */

/* ----------
 * contact
 * ---------- */
/* form */

/* ----------
 * post
 * ---------- */

/* ----------
 * responsive
 * ---------- */
@media (min-width: 768px) {
	/* ----------
	 * layout
	 * ---------- */
	section {
		margin: 70px auto;
	}
	section.pd {
		padding: 70px 5.3333vw;
	}
	/* ----------
	 * common
	 * ---------- */
	.sp {
		display: none !important;
	}
	.pc {
		display: block !important;
	}
	/* ----------
	 * header
	 * ---------- */

	/* ----------
	 * footer
	 * ---------- */

	/* ----------
	 * top
	 * ---------- */
	
	/* ----------
	 * page
	 * ---------- */

	/* ----------
	 * 各ページ（※ページごとに区切る）
	 * ---------- */
}
@media (min-width: 992px) {
	/* ----------
	 * layout
	 * ---------- */
	section {
		margin: 90px auto;
	}
	section.pd {
		padding: 90px 5.3333vw;
	}
	/* ----------
	 * common
	 * ---------- */
	body {
		font-size: .9375rem;
	}
	.sp2 {
		display: none !important;
	}
	.pc2 {
		display: block !important;
	}
	/* ----------
	 * header
	 * ---------- */

	/* ----------
	 * footer
	 * ---------- */

	/* ----------
	 * top
	 * ---------- */

	/* ----------
	 * page
	 * ---------- */

	/* ----------
	 * 各ページ（※ページごとに区切る）
	 * ---------- */

}
@media (min-width: 1200px) {
	/* ----------
	 * layout
	 * ---------- */
	section {
		margin: 120px auto;
		padding: 0 3vw;
	}
	section.pd {
		padding: 120px 3vw;
	}
	/* ----------
	 * common
	 * ---------- */
	body {
		font-size: 1rem;
	}
	.sp3 {
		display: none !important;
	}
	.pc3 {
		display: block !important;
	}
	/* ----------
	 * header
	 * ---------- */

	/* ----------
	 * footer
	 * ---------- */

	/* ----------
	 * top
	 * ---------- */

	/* ----------
	 * page
	 * ---------- */

	/* ----------
	 * 各ページ（※ページごとに区切る）
	 * ---------- */
}
@media (min-width: 1350px) {
	/* ----------
	 * layout
	 * ---------- */
	section {
		margin: 150px auto;
		padding: 0;
	}
	section.pd {
		padding: 150px 0;
	}
}