@charset "UTF-8";
/*
Theme Name: toda-art
Theme URI: https://toda-art.com
Description: toda-art WordPress Theme
Version: 1.0
Author: natsu
Author URI: https://ustan.jp
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: toda-art
*/

a {
	transition: all .4s;
}


a:link {
	color: #181605;
	text-decoration: none;
}


a:visited {
	color: #181605;
}


a:hover,
a:active {
	color: #181605;
}



a img,
a svg {
	transition: all .5s;
}


a:hover img,
a:hover svg {
	opacity: .7;
}


* {
	box-sizing: border-box;
}


body {
	margin: 0 auto;
	max-width: 2500px;
}



body,
h1,
h2,
h3,
h4,
input,
textarea,
option,
button {
	font-family: "Noto Sans JP", sans-serif;
	letter-spacing: .05rem;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}




img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	height: auto;
	max-width: 100%;
}


ul.footerGnav a {
	display: inline;
	position: relative;
	z-index: 1;
}



ul.footerGnav a:after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 0;
	height: 4px;
	background: #F3DF35;
	transition: all .3s ease 0s;
	z-index: -1;
}


ul.footerGnav a:hover::after {
	width: 100%;
}



.wrapper {
	margin: 0 auto;
	padding: 0 2%;
}


@media (min-width: 992px) {
	.wrapper {
		padding: 0 1%;
		max-width: 1168px;
	}
}


@media (min-width: 1200px) {
	.wrapper {
		padding: 0;
	}
}



.header {
	background-color: #ffffff;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
}


.header__content {
	padding: 1rem 0;
	display: flex;
}


a.header__logo {
	color: #181605;
	text-decoration: none;
	align-self: center;
}


.header__head {
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.25;
}



.header__head__logo {
	display: flex;
	gap: 1rem;
}


.header__head__logo::after {
	content: '';
	display: block;
	width: 15px;
	height: 19px;
	background: url('images/redhouse.png') no-repeat center center;
	background-size: 15px 19px;
}


img.header__img {
	width: 11.25rem;
}


.gNav {
	margin: 0 auto;
}


.header__menu {
	position: absolute;
	right: 2%;
	top: 0;
	z-index: 1000;
}


.header__menuButton {
	background-color: transparent;
	cursor: pointer;
	font-size: .937rem;
	color: #181605;
	text-align: center;
	padding: .85rem .5rem;
	border: none;
}

.header__menuButton:after {
	content: attr(data-txt-menu);
	display: block;
}


.open .header__menuButton:after {
	content: attr(data-txt-close);
	width: 100%;
}


.gNav__head {
	display: none
}


ul.gNav__list {
	list-style: none;
}


.gNav__item {
	margin: 0 auto;
	text-align: center;
}



a.gNav__link {
	display: block;
	padding: 1rem 0;
}

img.gNav__img {
	width: 2.5rem;
	height: auto;
	align-self: center;
}



a.gNav__link:hover img {
	opacity: .5;
}



.open .gNav {
	display: block;
	-webkit-transition: all .8s linear;
	transition: all .8s linear;
}



@media (max-width:991px) {
	.gNav {
		-webkit-transition: all .8s linear;
		transition: all .8s linear;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 888;
		width: 100%;
		height: 100%;
		background-color: rgba(256, 256, 256, .96);
		display: none;
		padding: 5rem 0 1rem;
	}


	ul.gNav__list {
		width: 100%;
		height: 100%;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}



	ul.gNav__list a {
		transition: all .5s;
	}


	ul.gNav__list a:hover {
		text-decoration: underline;
	}
}



@media (min-width:992px) {
	.header__content {
		justify-content: space-between;
	}


	.header__head__logo::after {
		width: 17px;
		height: 22px;
		background-size: 17px 22px;
	}


	img.header__img {
		width: 15rem;
	}

	.header__menuButton {
		display: none;
	}


	.gNav {
		margin: 0;
	}


	ul.gNav__list {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 2.5rem;
		font-size: 1.125rem;
	}



	.gNav__item:first-child {
		margin-left: 0;
	}


	a.gNav__link {
		padding: 0;
		position: relative;
		z-index: 1;
	}


	a.gNav__link:not(.gNavImg):after {
		position: absolute;
		content: '';
		bottom: 0;
		left: 0;
		width: 0;
		height: 4px;
		background: #F3DF35;
		transition: all .3s ease 0s;
		z-index: -1;
	}


	a.gNav__link:hover::after {
		width: 100%;
	}


	.gNav__item:last-child a.gNav__link {
		display: flex;
		justify-content: center;
	}


	img.gNav__img {
		width: 1rem;
	}
}



/*━━━━━━━━━━━━━*/
/*  content部分  */
/*━━━━━━━━━━━━━*/

.main {
	margin-top: 51px;
	margin-bottom: 7.5rem;
	word-break: normal;
}


.home .main {
	margin-top: 51px;
}


.main a:hover {
	opacity: .64;
}



/*--------------*/

/*  パンくずリスト  */

/*--------------*/

.breadcrumb {
	margin: 100px 0 2.5rem;
}


ol.breadcrumbList {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}


ol.breadcrumbList li {
	font-size: .937rem;
	margin: 0 .5rem .5rem 0;
}


ol.breadcrumbList li:last-child {
	margin: 0;
}


ol.breadcrumbList li:after {
	content: "\203A";
	font-family: 'Assistant', sans-serif;
	font-weight: 300;
	margin-left: .5rem;
}


ol.breadcrumbList li:last-child:after {
	content: '';
	margin-left: 0;
}



/*━━━━━━━━━*/
/*  footer部分  */
/*━━━━━━━━━*/

#footer {
	background-color: #EFEFEB;
	font-size: 1rem;
	padding: 1.5rem 0;
}



.footerInr {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2.5rem;
	margin-bottom: 2.5rem;
}


img.footer__logo {
	max-width: 20rem;
	width: 17.8rem;
}



img.footer__illust {
	width: 11.25rem;
}


ul.footerGnav {
	list-style: none;
	display: flex;
	justify-content: center;
	gap: 2rem;
}


#copyright {
	text-align: center;
}



.copyright__lead {
	font-size: 1rem;
}


#toTop {
	position: fixed;
	right: 0;
	bottom: 5rem;
	width: 2.5rem;
	text-align: center;
	z-index: 10;
}


a.toTop__link {
	display: block;
	text-decoration: none;
	background-color: rgba(255, 255, 255, .8);
	padding: .25rem;
}


.toTop__img {
	display: block;
}



@media (min-width:992px) {
	.footerInr {
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
	}


	#toTop {
		right: .5rem;
		width: 5rem;
	}


	#copyright {
		text-align: left;
	}
}





/*━━━━━━━━━━━━━*/
/*   パーツ   */
/*━━━━━━━━━━━━━*/

/*------------------*/
/* リンク色 */
/*------------------*/

button,
.btnLarge,
input {
	text-decoration: none;
	transition: all .5s;
}



/*----------*/
/*  Button,Link  */
/*----------*/

.wp-pagenavi {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	margin-top: 3rem;
}


.pagination a,
.wp-pagenavi a {
	transition: all .5s;
}


.wp-pagenavi span,
.wp-pagenavi a {
	height: 2.5rem;
	line-height: 2.4rem;
	min-width: 2.5rem;
	text-align: center;
	color: #181605;
	display: block;
}

.wp-pagenavi a {
	border: 1px solid #F3DF35;
	background-color: #F3DF35;
}


.wp-pagenavi span {
	border: 1px solid #aeac98;
}




.pagination {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
}




.pagination .prev,
.pagination .next {
	flex: 1;
}


.pagination .next {
	text-align: right;
}



.pagination a {
	display: block;
	text-decoration: none;
	width: 100%;
}


.pagination a img {
	height: 2.5rem;
}



@media (min-width:768px) {
	.pagination {
		gap: 1.5rem;
	}

	.pagination a img {
		max-width: 10.625rem;
	}
}



.postSinglePagination {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
}



.postSinglePagination .prev a {
	text-align: right;
}


.postSinglePagination .next a {
	text-align: left;
}


.btnLink {
	text-align: center;
}



a.btn,
a.wp-block-button__link .is-style-default a.wp-block-button__link,
.is-style-btnOutline a.wp-block-button__link {
	transition: all .5s;
}


button {
	background-color: #fff;
	border: none;
	cursor: pointer;
}


.is-style-default a.wp-block-button__link,
.single .wp-block-button__link {
	color: #181605;
	background-color: #fff;
	border: none;
	display: flex;
	align-items: center;
	gap: .5rem;
	padding: 0;
	margin: 2.5rem 0;
}


.is-style-default a.wp-block-button__link::before,
.single .wp-block-button__link::before {
	content: '';
	display: block;
	width: 2rem;
	height: 2rem;
	background: url('images/singleBtn.jpg') no-repeat left center;
	background-size: contain;
}