@charset "UTF-8";

/*
======== table of content. ===============

summary:メニューページ要素

==========================================
*/

#wrapper {
	padding-top: 10.4666vw; /* 固定headerの高さ分余白を作って重ならないようにする */
}

header {
}
#globalnav a {
	color: #fff;
}
section {}
section h2 {
color: #785d4c;
font-size: 5.0rem;
text-align:center;
margin: 20px;
font-family: serif;
}

section h2::before {
	content: "";
	display: inline-block;
	width: 16rem;
	height: 0;
	margin-right: 1em;
	border-top: 1px solid #785d4c;
	vertical-align: middle;
}
section h2::after {
	content: "";
	display: inline-block;
	width: 16rem;
	height: 0;
	margin-left: 1em;
	border-top: 1px solid #785d4c;
	vertical-align: middle;
}

section h3 {
	color: #FFFFFF;
	font-size: 4.0rem;
	font-family: serif;
	text-indent: -1em;
}
section ul{
	color: #FFFFFF;
	font-size:2.4rem;
	list-style: disc;
	margin-left: 1em;
	font-family: serif;
}
.box_inner {
	padding: 6vw 4vw 10vw; /* menuからコピーしただけなので、縦の余白は計算し直すこと */
	background-color: #572700;
}
.box_flex {
	display: flex;
}
.box_flex.first {
	margin-bottom: 5%;
}
.box_flex.second {
	flex-direction: row-reverse;
}

.box_flex .box_text {
	width: 50%;
	padding-left: 5%;
}
.box_flex figure {
	width: 49.7%;
}

.display_non {
display: none;
}


#ippin ul {
	display:flex;
	margin-left:0 ;
}

/************************************
** スライダー
************************************/
.slide-wrapper {
	margin-left: -4vw;
	margin-right: -4vw;
}
.slide-wrap { margin: 25px auto 50px; }
.slide-wrap .slide-content{
	margin: 0 10px;
}

.slick-dots { 
	display: flex; 
	justify-content: center; 
	margin-top: 20px;
}
.slick-dots li
{
    position: relative;
    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 10px;
    padding: 0;
    cursor: pointer;
	white-space: nowrap;
	text-indent: 101%;
	overflow: hidden;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
	border-radius: 50%;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: #FF8300;
	opacity: 0.5;

}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
    opacity: 0.75;
}
.slick-dots li.slick-active button
{
    opacity: 1;
    color: #fff;
}


@media screen and (max-width: 767px){
	.slide-wrap { margin: 15px auto 15px; }

	.slick-dots { 
		margin-top: 15px;
	}

	.slick-dots li
	{
		width: 15px;
		height: 15px;
	}
	.slick-dots li button
	{
		width: 15px;
		height: 15px;
	}
}

#ippin .list_photo {
	list-style: none;
	margin-top: 7%;
	margin-bottom:7% ;
	justify-content: space-between;
	width: 100%;
}
#ippin .list_photo li {
	width: 31%;
}
#ippin .list_name {
	margin-bottom:7% ;
	justify-content: flex-start;
	font-size: 2.4rem;
	flex-wrap: wrap;
}
#ippin .list_name li {
	margin-left: 3em;
}
#nomimono .box_inner {
	display: flex;
	justify-content: space-between;
	/*font-size: 3.2rem;*/  /* これ意味がないからいらない */
	background-color: #FFFFDF;
}
#nomimono h3{
	color: #6e322a;
	font-size: 3.2rem;
}
#nomimono ul{
	color:#6e322a;
}
#nomimono .box_inner li {
	font-size: 2rem;
}
#nomimono .nomimono_menu {
	width: 31%;
}
#nomimono .nomimono_menu ul{	
margin-bottom: 13%;
}