@charset "utf-8";
/*
Theme Name: やまとの秀品
Template: lightning
Version: 0.1.2
*/
body {
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	/*font-family: 'Noto Serif JP', serif;*/
}
.page_top_btn {
    position: fixed;
    right: 2%;
    bottom: 3%;
    z-index: 99999;
    width: 60px;
    height: 60px;
    color: transparent;
    border: none;
    background: none;
    box-shadow: none;;
   background-image: url(https://yamato-tokusan.samples.design/wp-content/uploads/top-go.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: opacity .3s;
    text-decoration: none;
}
.page-id-18 .site-body {
    padding: 3.5rem 0 4rem;
    background-color: #fdfcf4;
}
p {
	margin-bottom:0;
}

.page-header-title, h1.page-header-title {
    font-size: 2rem;
    line-height: var(--vk-line-height-low);
    margin: 0;
	letter-spacing:0.2em;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-weight:normal!important;
	color:#4e3c33;
}
h2 {
	border-top:none;
	border-bottom:none;
	text-align:center;
	letter-spacing:0.2em;
	color:#4e3c33;
	font-weight:700;
	
}
.page-header {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    min-height: 10rem;
    text-align: center;
}
.page-header {
    background-image: url(https://yamato-tokusan.samples.design/wp-content/uploads/h1-bg.png) !important;
    background-size: cover;
    /*height: 160px;*/
}
hr {
	margin:60px 0;
}
.full-width {
    margin: 0 calc(50% - 50vw);
    padding: 5em calc(50vw - 50%);
	background-color:#fff;
}
.pc-no {
	display:none;
}
.bottom40 {
	margin-bottom:40px!important;
}
/*-----------------------------------------------
 ナビ
------------------------------------------------*/

.global-nav-list>li .global-nav-name {
    display: block;
    width: 100%;
    white-space: nowrap;
	font-size:18px;
	font-weight:normal;
	letter-spacing:0.2em;
}
.device-pc .global-nav-list>li>a {
    padding: 14px 2.5em;
}
/*-----------------------------------------------
 トップ
------------------------------------------------*/
.top-txt-img {
	width:50%;
	margin:60px auto 0;
	text-align:center;
}
.top-txt-img img {
	width:50%;
	height:auto;
}
.top-txt {
	padding:60px;
	margin-bottom: 3.5rem;
}
.top-txt p {
	font-size:20px;
	letter-spacing:0.1em;
	line-height:1.6;
	text-align:center;
	font-family: 'Noto Serif JP', serif;
	margin-bottom:16px;
}
.top-txt p:last-child {
	margin-bottom:0
}
.tokusan-wrap {
	display:flex;
	justify-content:space-between;
}
.grid-img {
		width:48%;
}
.tokusan-box {
	background-color:#fff;
	padding:40px;
	border-radius:35px ;
	width:48%;
}
.tokusan-box p {
	font-size:18px;
	letter-spacing:0.1em;
	line-height:1.6;
	text-align: justify;
}
.grid-img img {
	width:100%;
	height:auto;
	border-radius:6% ;
}
.tokusan-txt {
	margin-top:30px;
	padding:20px;
	border:1px solid #eb6877;
	border-radius:10px;
	font-size:16px!important;
}
.sticker-wrap {
	margin:60px 0;
}
.sticker-inner {
	display:flex;
	justify-content:space-evenly;
	margin-top:60px;
	height:400px;
	margin-bottom: 100px;
}
.sticker-box {
	width:40%;
	position:relative;
}
.sticker-box p {
	font-size:18px;
	line-height:1.6;
	letter-spacing:0.2em;
}
.sticker-img {
	margin-top:30px;

	text-align:center;
}
.sticker-img img {
	width:50%;
	height:auto;
	display:block;
	margin:0 auto;
		position:absolute;
	bottom:0%;
	left:25%;
}
.sticke-btn {
	position:absolute;
	bottom:-18%;
	left:25%;
}
.sticke-btn a {
	display:block;
	width:100%;
	height:100%;
	padding:12px 25px;
	border:1px solid #4e3c33;
	border-radius:6px;
	text-decoration:none;
}
.sticke-btn a:hover{
	background-color:#4e3c33;
	color:#fff;
}
.syurui-box {
	width:24%;
	border-left: 1px solid #ccc;
    padding-left: 30px;
}
.syurui-box:first-child{
	border-left:0;
}
/*-----------------------------------------------
 特産品
------------------------------------------------*/
.specialty-wrap {
	display:flex;
	justify-content:space-evenly;
}
.specialty-img {
	width:40%;
	position:relative;
}
.specialty-img img {
	border-radius:20px;
}
.seal {
	width:20%;
	position:absolute;
	top:2%;
	left:25%;
}
.labels {
	width:22%;
	position:absolute;
	top:2%;
	left:2%;
}
.labels {
	border-radius:0!important;
}
.specialty-txt {
	width:45%;
}
.specialty-txt h2 {
	margin:0 0 10px 0;
	text-align:left;
	padding-top:0px;
	font-family: 'Noto Serif JP', serif;
	font-size:30px;
}
.specialty-txt p {
	font-size:16px;
	letter-spacing:0.2em;
	line-height:1.6;
}
.specialty-txt table th,.specialty-txt table td {
	letter-spacing:0.2em;
	line-height:1.6;
}
.specialty-txt table {
	margin-bottom:20px;
}
.specialty-txt table th,.price-table table th {
		width:25%;
}
.specialty-txt table {
	width:100%;
}
.specialty-txt table td,.price-table table td  {
	width:75%;
}
.specialty-txt table td a {
	color:#0068b7;
	text-decoration:underline;
}
.specialty-txt table td a:hover{
	text-decoration:none;
}
.price {
	margin:20px 0;
	padding:10px;
	background-color:#f6f6f6;
}
.specialty-map {
	margin-top:20px;
}
.specialty-map a{
	padding:15px;
	display:block;
	text-align:center;
	text-decoration:none;
	font-size:18px;
	border:1px solid #4e3c33;
	border-radius:6px;
}
.specialty-map a:hover{
	color:#fff;
	background-color:#4e3c33;
}
.syurui-wrap {
	display:flex;
	justify-content:space-between;
	    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 20px;
}
.syurui-wrap dt{
	font-size:20px;
	letter-spacing:0.2em;
	color:#00479d;
	margin-bottom:0;
}

.syurui-wrap dd {
	letter-spacing:0.2em;
	margin-bottom:20px;
}
.beauty {
	text-align:center;
	font-size:26px;
	line-height:1.6;
	margin-bottom:80px;
	letter-spacing:0.1em;
	font-family: 'Noto Serif JP', serif;
	color:#4e3c33;
}
.price-table {
	margin:20px 0;
	background-color:#f6f6f6;
}
.price-table table,.price-table table th,.price-table table td {
	border:none;
}
/*-----------------------------------------------
 推奨品
------------------------------------------------*/
.bottom40 {
	margin-bottom:40px;
}
.smallh2 {
	font-size:20px;
}
.blue-bg {
	background-color:#335d7d;
	color:#fff;
	padding:3px 15px;
	display:inline-block;
	margin-bottom:10px;
	font-size:14px;
	border-radius:30px;
}
.purple-bg {
	background-color:#9a5680;
	color:#fff;
	padding:3px 15px;
	display:inline-block;
	margin-bottom:10px;
	font-size:14px;
	border-radius:30px;
}
.oramge-bg{
	background-color:#b36c43;
	color:#fff;
	padding:3px 15px;
	display:inline-block;
	margin-bottom:10px;
	font-size:14px;
	border-radius:30px;
}
.brown-bg {
	background-color:#a6494f;
	color:#fff;
	padding:3px 15px;
	display:inline-block;
	margin-bottom:10px;
	font-size:14px;
	border-radius:30px;
}
/*-----------------------------------------------
 ご案内
------------------------------------------------*/
/*.guidance-flex {
	display:flex;
	justify-content:space-between;
}*/
.pdf-box {
	margin:0 auto 60px;
	background-color:#faf8eb;
	padding:60px 0;
	box-shadow: 0 1.5px 2.4px rgb(0 0 0 / 15%);
	border-radius:20px;
}
.pdf-box-left,.pdf-box-right {
	width:60%;
	margin:10px auto 0;
}
.pdf-box-right {
	padding:30px 0;
	text-align:center;
}
.pdf-box-right p {
	font-size:28px;
	letter-spacing:0.1em;
	line-height:1.6;
	margin-bottom:16px;
}
.pdf-box-right p:nth-child(2)  {
	font-size:32px!important;
}
.pdf-btn {
	background-color:#eb6877;
	border-radius:6px;
	margin-top:40px;
}
.pdf-btn a {
	padding:25px 20px;
	color:#fff;
	text-decoration:none;
	font-size:24px;
	display:block;
	width:100%;
	height:100%;
	text-align:center;
}
.pdf-btn a:hover{
	background-color:orange;
	border-radius:6px;
}
.guidance-box01,.guidance-box02 {
	margin-bottom:60px;
}
.guidance-box01 p,.guidance-box02 p,.guidance-box03 p {
font-size:18px;
	letter-spacing:0.1em;
	line-height:1.6;
	text-align:center;
}
.guidance-box02 p {
	font-size:28px;
	padding:15px;
	border:2px solid #4e3c33;
	width:50%;
	margin:0 auto;
	border-radius:6px;
	font-weight:bold;
	background-color:#fff;
}
.guidance-box02 {
	background-color:#f9f9f9;
	padding:60px 0;
	border-radius:20px;
}
.guidance-box02 h2 {
	padding-top:0;
}
.guidance-box03 p {
		font-size:24px;
}
.map {
	margin-top:60px;
}
.guidance-img {
	width:80%;
	margin: 0 auto;
}
.guidance-img img {
	width:100%;
	height:auto;
	border-radius: 30px;
}
.guidance-box01 p {
	width :80%;
	text-align:left;
	margin: 20px auto;
}
.f-18 {
	font-size:18px!important;
}
.guidance-box03 h3{
	text-align:center;
	border:none;
	font-size:28px;
	color: #4e3c33;
}
.guidance-box03 h3:after{
	border:none;
}
.full-width-gray {
    margin: 0 calc(50% - 50vw);
    padding: 5em calc(50vw - 50%);
	background-color:#f9f9f9;
}
/*-----------------------------------------------
 フッター
------------------------------------------------*/
.site-footer-copyright p:nth-child(2) {
    display:none;
}
.site-footer {
    margin-top: -33px;
	background-color:#45984b;
}
.full-footer {
	 margin: 0 calc(50% - 50vw);
   padding: 3em calc(50vw - 50%);
	background-color:#4e3c33;
}
.footer-top {
	text-align:center;
}
.footer-top p {
	color:#fff;
	letter-spacing:0.2em;
}
.footer-nav {
	border-bottom:none;
	padding:0;
}
.footer-nav ul {
	display:flex;
	padding-left:0;
	justify-content: center;
	margin:0;
}
.footer-nav ul li {
	list-style:none;
	margin: 0 20px;
	letter-spacing:0.2em;
}
.footer-nav ul li a {
	text-decoration:none;
	color:#fff;
	display:block;
}
.footer-nav ul li a:hover{
	text-decoration:underline;
}
.name {
	font-size:24px;
	font-weight:bold;
	line-height:1.2;
}
span.small-txt {
	font-size:16px;
	font-weight:normal;
}
.ad {
	margin-top:20px;
	font-size:18px;
}
.tel {
	font-size:18px;
}
.footer-logo {
	width:30%;
	margin:40px auto;
}
.footer-logo img {
	width:100%;
	height:auto;
}
.site-footer-copyright p {
	color:#fff;
}
/* 480px〜599px：SP横
------------------------------ */
@media screen and (max-width:599px) { 
	.sp-on {
		display:block;
	} 
 /*-----------------------------------------------
 ナビ
------------------------------------------------*/
	.sp-menu-logo {
		width:80%;
		display:block;
		margin:0 auto;
	}
		.sp-menu-logo img {
		width:100%;
			height:auto;
	}
	.vk-mobile-nav nav ul li a {
    padding: 1.2em 0.5em;
    position: relative;
    display: block;
    overflow: hidden;
	 font-size: 18px;
	 letter-spacing:0.1em;
	 font-weight:bold;
}
/*-----------------------------------------------
 トップ
------------------------------------------------*/
	.top-txt-img {
    width: 100%;
    margin: 0px auto 0;
    text-align: center;
}
	.top-txt {
		padding:50px 5px 0 5px;
    margin-bottom: 3.5rem;
}
	.top-txt p {
		text-align:justify!important;
	}
	.tokusan-wrap {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
	.tokusan-box {
    background-color: #fff;
    padding: 0px;
    border-radius: 35px;
    width: 100%;
}

.grid-img {
    width: 100%;
	 margin-top:20px;
}
	.sticker-inner {
    display: flex;
    justify-content: space-evenly;
    margin: 0px;
    height: auto;;
    flex-direction: column;
}
	.sticker-box {
    width: 100%;
    position: static;
		margin-bottom:40px;
}
	.sticker-img img {
    width: 50%;
    height: auto;
    display: block;
    margin: 0 auto;
		position:static;
}
	.sticke-btn {
    position: static;
}
	.sticker-box p {
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: 0.2em;
		margin:20px ;
}
	.sticker-wrap {
    margin: 20px 0;
}
	.full-width {
    margin: 0 calc(50% - 50vw);
    padding: 3em calc(50vw - 50%);
    background-color: #fff;
}
	.page-id-18 .site-body {
    padding: 3.5rem 0 1rem;
    background-color: #fdfcf4;
}
/*------------------------------------------
 特産品
------------------------------------------------*/
.specialty-wrap {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
	.specialty-img {
    width: 100%;
    position: relative;
		margin-bottom:10px;
}
	.specialty-txt {
    width: 100%;
}
.syurui-wrap {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
	background-color:#fff;
	padding:0;
	border-radius:0;
}
	.syurui-box {
		width:49%;
		border-left:0;
		padding-left:0;
	}
	.syurui-wrap dt {
    font-size: 16px;
    letter-spacing: 0.2em;
}
	.syurui-wrap dd {
    letter-spacing: 0.07em;
    margin-bottom: 20px;
		text-align:justify;
}
	.beauty {
    margin-bottom: 40px;
		text-align:justify;
}
/*-----------------------------------------------
 推奨品
------------------------------------------------*/
.specialty-txt table th, .price-table table th {
   display:block;
	width:100%;
	font-size:16px;
	padding:10px 20px;
	text-align:left;
	background-color:#f6f6f6;
}
	.specialty-txt table td, .price-table table td {
     display:block;
		width:100%;
		font-size:16px;
		padding:10px 20px;
		word-break: break-all;
}
/*-----------------------------------------------
 ご案内
------------------------------------------------*/
	.guidance-img {
    width: 100%;
    margin: 0 auto;
}
	.guidance-box01 p {
    width: 100%;
    text-align: left;
    margin: 20px auto;
}
	.pdf-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto 0px;
    flex-direction: column;
   background-color:#fff;
		box-shadow:none;
		padding:0;
}
	.pdf-box-left, .pdf-box-right {
    width: 100%;
}
	.pdf-btn a {
    padding: 20px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}
	.guidance-box02 p {
    font-size: 22px;
    padding: 15px;
    border: 2px solid #4e3c33;
    width: 90%;
    margin: 0 auto;
    border-radius: 6px;
    font-weight: bold;
    background-color: #fff;
}
	.guidance-box02 {
    background-color: #f9f9f9;
    padding: 30px 0;
    border-radius: 20px;
}
	.guidance-box03 p {
    font-size: 22px;
}
	.pdf-box-right {
    margin-top:0;
}
	.pdf-box-left {
		margin-top:0px;
	}
	.name {
		line-height:1.6;
	}
	.pdf-box-right p {
		font-size:20px;
    letter-spacing: 0.1em;
    line-height: 1.6;
    margin-bottom: 16px;
}
		.pdf-box-right p:nth-child(2) {
    font-size: 24px!important;
}

/*-----------------------------------------------
 フッター
------------------------------------------------*/
	.footer-logo {
    width: 80%;
    margin: 40px auto;
}
	.ad{
		font-size:14px;
	}
	.footer-nav ul {
    display: flex;
    padding-left: 0;
    justify-content: space-between;
    margin: 0;
}
	.footer-nav ul li {
    list-style: none;
    margin: 0 ; 
    letter-spacing: 0em;
    padding: 0;
}
}
 
/* 600px〜959px：タブレット
------------------------------ */
@media screen and (min-width:600px) and (max-width:959px) {
 
 
}
 
/* 960px〜1279px：小型PC
------------------------------ */
@media screen and (min-width:960px) and (max-width:1279px) {
 
 
}
 
/* 1280px〜：大型PC
------------------------------ */
@media screen and (min-width:1280px) {
 
 
}