@charset "utf-8";

/*main*/
#misopaste{
    display: flex;
    justify-content: space-between;
    align-items: end;
}
#grid-ajiwau-box{
    overflow: hidden;
    width: 100%;
    position: relative;
}
#ajiwau{
    text-align: center;
    z-index: 1;
    position: absolute;
    width: 40%;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-shadow:0px 0px 8px #FFF, 0px 0px 8px #FFF, 0px 0px 8px #FFF;
}
#hidarishita{
    bottom: 0%;
}
#migiue{
    text-align: right;
}
#migiue img,
#hidarishita img{
    width: 100%;
}
#ajiwau h2{
    font-size:2.5rem;
    margin-bottom: 1rem;
}
#ajiwau p{
    line-height: 1.8rem;
    font-family: "Yuji Syuku", serif;
    font-weight: 400;
    font-style: normal;    
}

/*あじわう media*/
@media screen and (max-width: 1021px){
#ajiwau{
    width: 50%;
}
}
@media screen and (max-width: 768px){
#ajiwau{
    width: 70%;
}
}
/**/

/*季節の料理*/
#seasonalmenu{
    background: #FFF;
    z-index: 1;
    text-align: center;
    width: 100%;
}
h3{
    color: #222;
    font-size: 1.9rem;
    margin-bottom: 2rem;
    padding-top:3%;
}
#seasonalmenu #ori_menu{
    display: grid;
    width: 907px;
    height: 431px;
    grid-template-columns: 31.2% 31.2% 31.2%;
    grid-template-rows: 53% 47%;
    margin: 0 auto;
    padding-bottom: 5%;
}
#seasonalmenu ul li{
    width: 100%;
}
#seasonalmenu #ori_menu li:nth-of-type(1){
    grid-column: 1/3;
    grid-row: 1/3;
}
#seasonalmenu #ori_menu li:nth-of-type(2){
    grid-column: 3/4;
    grid-row: 1/2;
}
#seasonalmenu #ori_menu li:nth-of-type(3){
    grid-column: 3/4;
    grid-row: 2/3;
}
#seasonalmenu ul li:hover,
.swiper-slide:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    transition-property: opacity;
    transition-duration: 0.5s;
}
.my-simple-slider {
    width: 90%;
    height: auto;
    margin: 0 auto 5% auto;
    padding-bottom: 5%;
}
.swiper-wrapper {
    display: flex; 
}
.swiper-slide {
    width: 33.33%;
    flex-shrink: 0;
}
.swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
}
/*季節の料理 media*/
@media screen and (min-width: 976px){
#seasonalmenu #ori_menu {
    display: grid;
}
.my-simple-slider {
    display: none;
}
}
@media screen and (max-width: 975px){
#seasonalmenu #ori_menu {
    display: none;
}
.my-simple-slider {
    display: block;
}
}
/**/



/*看板料理*/
#regularmenu{
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
#tabekurabe{
    width: 80%;
    margin: 0 auto;
}
#tabekurabe figure{
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
}
#tabekurabe figure img{
    width: 45%;
}
#tabekurabe figure figcaption{
    width:45%;
    text-align: left;
    padding: 2rem;
    margin-left: 2rem;
    background: rgba(255, 255, 255, 0.7);
}
#tabekurabe figure figcaption ul{
    display: flex;
    justify-content: space-evenly;
    padding:5% 0;
}
#tabekurabe figure figcaption ul li{
    line-height: 2rem;
}


.cp_hr06 {
	position: relative;
	height: 1px;
    margin: 2rem;
	border-width: 0;
	background-image: -webkit-linear-gradient(left,
	transparent 0%, #0005 50%,transparent 100%);
	background-image:         linear-gradient(90deg,
	transparent 0%,#0005 50%,transparent 100%);
}

/*看板料理 media*/
@media screen and (min-width:769px) and (max-width: 1021px){
#tabekurabe{
    width: 96%;
    margin: 0 auto;
}
#tabekurabe figure img{
    width: 45%;
}
#tabekurabe figure figcaption{
    width:60%;
    text-align: left;
    padding: 1rem;
    margin-left: 2rem;
    background: rgba(255, 255, 255, 0.7);
}
#tabekurabe figure figcaption ul{
    display: flex;
    justify-content: space-evenly;
    padding:5% 0;
}
}
@media screen and (max-width: 768px){
#tabekurabe figure{
    flex-direction: column;
    width: 100%;
}
#tabekurabe figure img{
    width: 80%;
    margin-bottom: 1rem;
}
#tabekurabe figure figcaption{
    width:100%;
    text-align: left;
    padding: 2rem;
    margin-left: 2rem;
    background: rgba(255, 255, 255, 0.7);
}
#tabekurabe figure figcaption ul{
    display: flex;
    justify-content: space-evenly;
    padding:5% 0;
}
}
/**/


#set{
    padding-top: 1rem;
}
#tabekurabe #hspan,
#set figcaption{
    font-size: 1.5rem;
    font-family: "Yuji Syuku", serif;
    font-weight: 400;
    font-style: normal;  
    line-height: 3rem; 
}
#set ul{
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 2% auto 3rem auto;
}
#set ul li{
    width: 33.33%;
    height: 230px;
    line-height: 1.7rem;
    margin: 0 2rem;
    padding-bottom: 1rem;
    font-size: 0.8rem;
}
#set ul li img{
    width: 100%;
}
#set ul li:last-child{
    background: rgba(255, 255, 255, 0.7);
    text-align: left;
    padding: 0 1rem;
}
#set p{
    line-height: 1.5rem;
}


#ippin .flexbox{
    width: 60%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin: 6% auto 0 auto;
}
#ippin .flexbox li{
    width: 50%;
    height: 250px;
    line-height: 1.5rem; 
}
#ippin .flexbox figcaption{
    text-align: center;
}
#ippin .flexbox li span{
    font-size: 1.5rem;
    font-family: "Yuji Syuku", serif;
    font-weight: 400;
    font-style: normal;  
    line-height: 3rem; 
}
/**/
@media screen and (max-width: 1021px){
#set ul{
    width: 100%;
    flex-wrap: wrap;
}
#set ul li{
    margin: 1rem auto;
    font-size: 1rem;
    width: 40%;
}
#set ul li:last-child{
    margin: 2rem auto 0 auto;
    width: 50%;
}
#set p{
    width: 80%;
    margin: 0 auto;
}
#ippin .flexbox{
    justify-content: space-between;
}
#ippin .flexbox li{
    width: 48%;
    margin: 1rem;
}
}
@media screen and (max-width: 640px){
#ippin .flexbox figcaption{
    font-size: 0.9em;
}
#set ul li:last-child{
    padding: 1rem 1rem;
}

}
@media screen and (max-width: 480px){
#ippin .flexbox{
    width: 60%;
    flex-direction: column;
    align-items: center;
    margin: 6% auto 0 auto;
}
#ippin .flexbox li{
    width: 90%;
    margin: 3rem;
}
}
/**/


/*アクセスページ場所*/
#access{
    text-align: center;
}
#access section{
    width: 100%;
}
#access section h2{
    font-size: 2rem;
    font-weight: 400;
    font-style: normal;  
    line-height: 3rem; 
    margin: 2rem;
}
#access #flex_box{
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    align-items: center;
    margin: 0 auto 6rem auto;
    background: rgba(255, 255, 255, 0.7);
}
#access #flex_box img{
    width: 100%;
}
#access section dl{
    width: 40%;
    line-height: 1.8rem;
    margin: 0 auto;
    text-align: left;
}
#access dt:not(:nth-of-type(1)){
    margin-top: 1.5rem;
}
#access dt{
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 2rem;
}
#access dd{
    font-size: 0.9rem;
}
/**/
@media screen and (max-width: 1021px){
#access #flex_box{
    flex-direction: column;
    width: 50%;
    padding: 1rem;
    margin: 0 auto 2rem auto;
}
#access section dl{
    width: 90%;
    line-height: 1.8rem;
    margin: 0 auto;
    text-align: left;
}
}
@media screen and (max-width: 768px){
#access #flex_box{
    flex-direction: column;
    width: 80%;
}
#access section dl{
    width: 80%;
    line-height: 1.8rem;
    margin: 0 auto;
    text-align: left;
}
}
@media screen and (max-width: 640px){
#access #flex_box{
    flex-direction: column;
    width: 80%;
}
#access section dl{
    width: 90%;
    line-height: 1.8rem;
    margin: 0 auto;
    text-align: left;
}
}
/**/

#map iframe{
    width: 50%;
    height: 60vh;
    margin-bottom: 6rem;
}
#miso figure{
    overflow: hidden;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
#miso figure img{
    transform: scale(1.1);
    cursor: pointer;
    filter: blur(3px) grayscale(20%) brightness(1.1);
    transition-duration: 0.5s;
}
#miso figure img:hover{
    filter: blur(0) grayscale(0%) brightness(1);
    transition-duration: 0.5;
}
#miso #misoichidan{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    width: 60%;
    margin: 0 auto;
}
#miso #misonidan{
    display: flex;
    justify-content: space-evenly;
    width: 80%;
    margin: 0 auto;
    transform: translateY(-15%);
}