@charset "UTF-8";

html{line-height:1.5em;/* transform:translate3d(0, 0, 0); */-webkit-overflow-scrolling:touch;overflow-scrolling:touch;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html{
/* 	font-family:bookmania, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; */
	font-family:'Open Sans', serif,"游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

body{color:#000;background-color:#f1f1ea;font-feature-settings:"palt";margin:0;}
main{position:relative;width:100vw;}
a{color:#000;text-decoration:none;}


.c-imageWrap{}
.c-imageContainer{position:relative;width:100%;height:auto;vertical-align:bottom;}

.c-textWrap{}
.p-title{}
.p-subtitle{}

.p-bg{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block;}
.p-bgcolor--650000{background-color:#650000;}
.p-bgcolor--840000{background-color:#840000;}
.p-bgcolor--efdcbe{background-color:#efdcbe;}
.p-bgcolor--e4cf5c{background-color:#e4cf5c;}


.is--inview{opacity:0;transition:opacity 0.3s ease-out;}


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


Main Visual


-------------------------------------------------- */
.l-mv{position:relative;width:100%;margin-top: 44px;}
.l-mv>.l-container{width:100%;max-width:1100px;margin:0 auto;}


.c-imageWrap--mv{z-index:-1;overflow:hidden;}
.c-imageWrap--mv .c-imageContainer{width:auto;height:650px;}

.c-infoWrap--mv{position:absolute;top:0;left:4vw;margin:30px auto 0;padding:40px;box-sizing:border-box; transition-delay:.3s;}
.l-mv .p-bg--01{width:92%;margin:0 4%;z-index:1; transition:all .6s ease-out;transition-delay:1.6s;}
.l-mv .p-bg--02{width:92%;margin:0 4%;z-index:2;}
.c-textWrap--mv{position:relative;text-align:center;z-index:11;overflow:hidden;}
.p-title--mv{color:#efdcbe;font-size:56px;line-height:1;letter-spacing:0.05em;font-weight:700;}
.p-subtitle--mv{position:relative;margin-top:10px;color:#efdcbe;font-size:16px;letter-spacing:0.05em;display:flex;justify-content:center;align-items:center;opacity:0; transition:all .2s ease-out;transition-delay:1.3s;}
.p-subtitle--mv::before{content:"";position:relative;top:0;left:0;margin-right:8px;width:10px;height:28px;border:2px #efdcbe solid;border-right:none;display:inline-block;}
.p-subtitle--mv::after{content:"";position:relative;top:0;right:0;margin-left:8px;width:10px;height:28px;border:2px #efdcbe solid;border-left:none;display:inline-block;}
.p-cross--mv{position:relative;width:100%;height:20px;text-align:center;opacity:0;transform:scale(3);transition:all .9s cubic-bezier(0.09, 2.13, 0.48, 0.78);transition-delay:1s;}
.p-cross--mv .is--icon{position:absolute;top:50%;left:50%;width:40px;height:2px;background-color:#e4cf5c;display:inline-block;transform:translate(-50%,-50%) rotate(-30deg);}
.p-cross--mv .is--icon:last-child{transform:translate(-50%,-50%) rotate(30deg);}
.p-title--mv::before{content:"";position:absolute;left:0;width:100%;height:1.1em;background-color:#650000;background-color:#840000;transition:all .2s ease-out;transition-delay:.5s;}
.p-title--mv.is--highball::before{transition-delay:.7s;}

.p-text--mv{width:92%;margin:1.4em auto 0;padding-bottom:1.4em;color:#111;font-size:2vw;line-height:1.4;letter-spacing:0.05em; text-align:center;}

.is--opening{opacity:1;}
.is--opening .p-title--mv::before{left:100%;width:0;}
.is--opening .p-title--mv.is--highball::before{left:0;}
.is--opening .p-subtitle--mv{opacity:1;}
.is--opening .p-cross--mv{opacity:1;transform:scale(1);}
.is--opening .p-text--mv{}

.is--opening .p-bg--01{top:15px;left:10px;}

/*
@media screen and (min-width:1200px){
	.c-infoWrap--mv{padding:40px 8vw;}
	.p-title--mv{font-size:6vw;}
	.p-subtitle--mv{font-size:1.8vw;}
}
*/
@media screen and (min-width:1100px){
	.c-infoWrap--mv{padding:40px 80px;left:50%;transform:translateX(-120%);}
	.p-title--mv{font-size:64px;}
	.p-subtitle--mv{font-size:24px;}
}
@media screen and (min-width:980px){
	.c-imageWrap--mv .c-imageContainer{width:100%;height:auto;}
}
@media screen and (max-width:768px){
	.c-imageWrap--mv .c-imageContainer{width:140%;height:auto;left:50%;transform:translateX(-50%)}
	.c-infoWrap--mv{position:relative;margin-top:-40px;left:0;padding:40px;}
	.p-title--mv{font-size:14.6vw;}
	.p-subtitle--mv{font-size:4.4vw;}
	.p-subtitle--mv::before{height:5vw;}
	.p-subtitle--mv::after{height:5vw;}
	.p-text--mv{margin:3em auto 0;padding-bottom:3em;font-size:16px;}

	.is--opening .p-bg--01{top:4vw;left:2vw;}
}
@media screen and (max-width:500px){
	.p-text--mv br{display:none;}
}


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


Navigation


-------------------------------------------------- */
.l-nav{position:relative;width:100%;z-index:99;}
.l-nav>.l-container{width:92%;max-width:1100px;margin:0 auto; display:flex;justify-content:space-between;align-items:flex-end;}


@media screen and (min-width:768px){
	.l-nav.is--fixed{position:fixed;top:0;bottom:inherit;}
}
@media screen and (max-width:768px){
	.l-nav.is--fixed{position:fixed;top:inherit;bottom:0;}
}


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


About
- takoyaki
- highball


-------------------------------------------------- */
.l-about{position:relative;margin:0 0 60px;width:100%;}
.l-about>.l-container{width:92%;max-width:1100px;margin:0 auto;padding-top:80px;}

.l-about .c-header{margin-bottom:3.6em;}
.c-imageWrap--aboutHeader{position:relative;max-width:480px;height:auto;margin:0 auto;}
.c-imageWrap--aboutHeader .p-bg--03{top:inherit;left:inherit;bottom:0;right:0;width:40%;height:70%;margin:0;z-index:1; transition:all .3s;transition-delay:.6s;}
.c-imageWrap--aboutHeader .p-bg--04{top:inherit;bottom:0;left:0;width:40%;height:70%;margin:0;z-index:1; transition:all .3s;transition-delay:.6s;}
.c-imageWrap--aboutHeader .c-imageContainer{position:relative;z-index:2;}
.c-imageWrap--aboutHeader::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#650000;display:block;z-index:11; transition:all .3s;transition-delay:.6s;}

.p-title--aboutHeader{position:relative;max-width:780px;width:92%;margin:10px auto 0;color:#650000;font-size:32px;line-height:1.5;letter-spacing:0.01em;text-align:center;z-index:3; transition:all .3s;transition-delay:.6s;}
.p-text--aboutHeader{max-width:780px;width:92%;margin:1.8em auto 0;padding-bottom:1.4em;color:#650000;font-size:16px;line-height:1.45;letter-spacing:0.01em; text-align:justify;}

.c-contents{position:relative;}
.c-contents--about{background-color:#efdcbe;border-radius:40px;padding:40px 4vw;box-sizing:border-box;}
.c-contents--about::after{content:"";position:absolute;width:30px;height:40px;top:0;left:50%;transform:translate(-50%,-50%);background-color:#f4e595;mix-blend-mode:multiply;}
.c-contents--about .p-title{}
.c-contents--about .c-imageWrap{position:relative;}
.c-contents--about .c-imageContainer{}

.c-contents--takoyaki{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.c-contents--takoyaki .p-title{width:100%;margin:0.5em 0 1em;color:#650000;font-size:32px;font-weight:bold;line-height:1.5;letter-spacing:0.01em;text-align:center;}
.c-contents--takoyaki .c-list{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.c-contents--takoyaki .c-item{width:48%;}
.c-contents--takoyaki .c-item:nth-child(2n){margin-top:120px;}
.c-contents--takoyaki .c-item .p-title{width:auto;margin-left:0;padding:20px 20px 30px;color:#FFF;font-size:20px;line-height:1.3;background-color:#e16216;text-align:left;display:inline-block;}
.c-contents--takoyaki .c-item .p-title .is--num{color:#650000;font-size:32px;font-style:italic;}
.c-contents--takoyaki .c-item .p-title em{font-size:116%;font-weight:bold;}
.c-contents--takoyaki .c-item .p-title small{font-size:75%;font-weight:100;}
.c-contents--takoyaki .p-text{width:100%;margin:1em 0;color:#650000;font-size:16px;line-height:1.5;letter-spacing:0.01em;text-align:left;}
.c-contents--takoyaki .c-imageWrap{margin-top:-70px;}
.c-contents--takoyaki .c-imageWrap--01{margin-top:-30px;}
.c-contents--takoyaki .c-imageWrap--02{margin-top:-60px;}
.c-contents--takoyaki .c-imageWrap .p-bg--03{width:100px;height:100px;border-radius:100px;top:inherit;left:inherit;bottom:20px;right:30px;}

.c-contents--highball{margin-bottom:80px;}
.c-contents--highball::before{content:"";position:absolute;top:50%;left:0;width:100%;height:80px;transform:translateY(-50%);background-color:#ffe2b4;display:block;}
.c-contents--highball .c-imageWrap{max-width:calc(713px / 2);width:92%;margin:0 auto;}
.c-contents--highball .c-list{position:absolute;top:50%;left:50%;width:50%;height:calc(100% - 40px);margin:0 auto;transform:translate(-50%,-50%); display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.c-contents--highball .c-item{width:50%;padding-top:20px;}
.c-contents--highball .c-item .p-icon{position:relative;width:40px;height:40px;top:0;margin-bottom:10px;background-color:#000;border-radius:40px;display:inline-block;}
.c-contents--highball .c-item .p-title{color:#650000;font-size:24px;line-height:.7;font-weight:bold;}
.c-contents--highball .c-item .p-title small{font-size:14px;font-style:italic;letter-spacing:0.05em;font-weight:lighter;}
.c-contents--highball .c-item:nth-child(odd){text-align:left;}
.c-contents--highball .c-item:nth-child(even){text-align:right;}
.c-contents--highball .c-item--kaku   .p-icon{background-color:#FFF;}
.c-contents--highball .c-item--lemon  .p-icon{background-color:#e4cf5c;}
.c-contents--highball .c-item--coke   .p-icon{background-color:#650000;}
.c-contents--highball .c-item--ginger .p-icon{background-color:#e16216;}


.is--opening .p-bg--03{bottom:-30px;right:-2vw;}
.is--opening .p-bg--04{bottom:-30px;left:-2vw;}
.is--opening.c-imageWrap--aboutHeader::after{width:0;}

@media screen and (max-width:768px){
	.l-about{margin:0 0 60px;}
	.l-about>.l-container{padding-top:40px;}
	.l-about .c-header{margin-bottom:1.8em;}
	.c-imageWrap--aboutHeader{max-width:60vw;}
	.c-contents--takoyaki .p-text{width:92%;margin:2em 0 1em;}
	.c-contents--takoyaki .c-item{width:80%;margin:10px 0 20px;}
	.c-contents--takoyaki .c-item:nth-child(2n){margin:10px 0 20px 20%;}
	.c-contents--takoyaki .c-item .p-title{padding:20px 20px 30px;font-size:3.4vw;}
	.c-contents--takoyaki .c-imageWrap{width:92%;margin:-14vw auto 0 40px;}
	.c-contents--takoyaki .c-imageWrap--01{margin-top:-6vw;}
	.c-contents--takoyaki .c-imageWrap--02{margin-top:-8vw;}
	.c-contents--takoyaki .c-imageWrap .p-bg--03{width:20vw;height:20vw;border-radius:20vw;bottom:0;right:0;}
	.c-contents--highball .c-list{width:88%;}
	.c-contents--highball .c-imageWrap{max-width:calc(413px / 2);}
}
@media screen and (max-width:500px){
	.c-contents--takoyaki .c-item .p-text{margin-top:0;}	
}
@media screen and (max-width:420px){
	.c-contents--takoyaki .c-imageWrap{margin:-17vw auto 0 40px;}
	.c-contents--takoyaki .c-imageWrap--01{margin-top:-10vw;}
	.c-contents--takoyaki .c-imageWrap--02{margin-top:-12vw;}
}


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


Area
- gindaco


-------------------------------------------------- */
.l-area{position:relative;width:100%;}
.l-area>.l-container{width:92%;max-width:1100px;margin:0 auto;padding:60px 0;box-sizing:border-box;}

.l-area .c-header{margin-bottom:46px;}
.l-area .c-header .p-title{padding:1.8em 0 .8em;font-size:36px;line-height:1.4;letter-spacing:0.05em;text-align:center;}
.l-area .c-header .p-text{font-size:18px;line-height:1.8;letter-spacing:0.05em;text-align:justify;}
.l-area .p-bg--03{opacity:.4;}

.l-area--gindaco{background-color:#e16216;}
.l-area--gindaco .c-header{color:#ffe2b4;}

.c-contents--area{}
.c-contents--area .c-list{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.c-contents--area .c-item{position:relative;width:48%;}
.c-contents--area .c-item--left .c-imageWrap{text-align:right;display:inline-block;}
.c-contents--area .c-imageWrap{position:relative;max-width:calc(480px / 2);}
.c-contents--area .c-imageWrap::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#650000;display:block;z-index:11; transition:all .3s;transition-delay:.6s;}
.c-contents--area .c-imageContainer{}
.c-contents--area .c-item .p-title{margin:1em 0 .1em;color:#ffe2b4;font-size:21px;line-height:1.4;letter-spacing:0.05em;text-align:left;}
.c-contents--area .c-item .p-text{color:#ffe2b4;font-size:14px;line-height:1.4;letter-spacing:0.05em;text-align:left;}

.l-area .p-bg--03{top:inherit;left:inherit;bottom:0;right:0;width:80%;height:0;opacity:.4; transition:all 1.6s ease-out;}

.is--opening.c-contents--area .c-imageWrap::after{width:0;}
.l-area .is--opening .p-bg--03{bottom:-30px;right:-4vw;height:35%;}

.l-area--gindaco .c-header .c-imageWrap{text-align:center;}
.l-area--gindaco .c-header .c-imageContainer{max-width:500px;margin:2em auto;}

@media screen and (max-width:768px){
	.l-area .c-header .p-title{padding:0 0 .4em;}
	.l-area .c-header .p-text{font-size:16px;line-height:1.4;letter-spacing:0.05em;}

	.c-contents--area .c-item{width:100%;margin-bottom:60px;}
	.c-contents--area .c-item--left{text-align:right;}
	.c-contents--area .c-imageWrap{max-width:calc(480px / 2);left:-4vw;}
	.c-contents--area .c-item--left.c-imageWrap{right:-4vw;}
	.l-area .p-bg--03{top:inherit;left:0;bottom:0;right:inherit;width:60%;height:0;opacity:.4; transition:all 1.6s ease-out;}
	.l-area .c-item--left .p-bg--03{right:inherit;left:0;}

	.l-area .is--opening .p-bg--03{bottom:-30px;left:120px;height:35%;}
	.l-area .is--opening .c-item--left .p-bg--03{left:-4vw;}
}


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


Area
- Izakaya
- group


-------------------------------------------------- */
.l-area--izakaya{background-color:#efdcbe;}
.l-area--izakaya .c-header{color:#650000;}
.l-area--izakaya .c-header .p-text{position:relative;width:100%;height:100%;padding-left:24px;box-sizing:border-box;line-height:1.4;}
.l-area--izakaya .c-header .p-text::before{content:"";position:absolute;left:0;width:10px;height:100%;background-color:#650000;display:inline-block;}

.l-area--izakaya .c-carousel{margin-bottom:40px;}
.l-area--izakaya .c-list{position:relative;width:100%; /* display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch; */}
.l-area--izakaya .c-item{position:relative;width:calc(98% / 3);margin:0 calc(2% / 3 / 2);padding:10px 20px;background-color:#f5ead8;text-align:center;box-sizing:border-box;}
.l-area--izakaya .c-item .c-imageWrap{position:relative;left:0;width:100%;height:70px;margin:0 auto;display:inline-block;text-align:center;}
.l-area--izakaya .c-item .c-imageContainer{position:relative;max-width:110px;top:50%;height:auto;transform:translateY(-50%);display:inline-block;}
.l-area--izakaya .c-item .p-title{margin:1em 0 .1em;color:#111;font-size:18px;line-height:1.4;letter-spacing:0.05em;text-align:center;}
.l-area--izakaya .c-item .p-text{color:#111;font-size:13px;line-height:1.4;letter-spacing:0.05em;text-align:left;}

@media screen and (max-width:768px){
	.l-area--izakaya .c-list{width:100vw;left:-4vw;}
	.l-area--izakaya .c-item{width:80vw;margin:0 2vw;}
}


.l-area--group{background-color:#e5e5e5;}
.l-area--group .c-header{color:#000;text-align:center;}
.l-area--group .c-header .p-subtitle{position:relative;margin:1.8em 0 0;box-sizing:border-box;font-size:2vw;line-height:1.4;text-align:center; display:inline-block;}
.l-area--group .c-header .p-subtitle::before,
.l-area--group .c-header .p-subtitle::after{content:"";position:absolute;width:2px;height:100%;background-color:#111;display:inline-block;}
.l-area--group .c-header .p-subtitle::before{left:-2vw;transform:rotate(-30deg);}
.l-area--group .c-header .p-subtitle::after{right:-2vw;transform:rotate(30deg);}
.l-area--group .c-header .p-title{padding:.8em 0 .8em;}


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


Area
- module


-------------------------------------------------- */
.c-contents--module{position:relative;width:100%;height:100%;background-color:#e9d58d;padding:40px 2vw 0;margin-bottom:30px;box-sizing:border-box;display:inline-block; transition:all .3s ease-out;overflow:hidden;}
.c-contents--module .c-list{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
.c-contents--module .c-item{width:calc(96% / 3);margin:0 2% 30px 0;padding:0;background-color:transparent;display:inline-block;text-align:left;}
.c-contents--module .c-item:nth-child(3n){margin:0 0 30px;}
.c-contents--module .p-place{padding:1em;color:#FFF;font-size:16px;font-weight:bold;line-height:1;letter-spacing:0.1em;background-color:#650000;display:inline-block;}
.c-box--module{position:relative;background-color:#FFF;padding:1em;box-sizing:border-box;}
.c-box--module .c-iconWrap{margin-bottom:1em;display:flex;justify-content:flex-start;align-items:center;}
.c-box--module .c-iconWrap .c-iconContainer{width:auto;height:35px;margin-right:10px;}
.c-box--module .c-iconWrap .p-title{margin:0;color:#650000;font-size:18px;line-height:1.2;font-weight:bold;letter-spacing:.01em; text-align:left;}
.c-box--module .c-imageWrap--module{position:relative;text-align:center;margin-bottom:1em;}
.c-box--module .c-imageContainer--module{width:auto;height:110px;margin:0 auto;display:inline-block;}

.c-box--module dl{margin-bottom:1em;color:#111;font-size:12px;font-weight:lighter;line-height:1.4;letter-spacing:0.01em;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
.c-box--module dl dt{width:30%;max-width:110px;margin-bottom:.5em;}
.c-box--module dl dd{width:65%;}

.c-box--module .c-infomation{position:relative;background-color:#f8f8f8;padding:.6em .3em; display:flex;justify-content:flex-start;align-items:flex-end;}
.c-box--module .c-infomation .c-unit{position:relative;width:calc(94%/4);margin-right:2%;text-align:center;}
.c-box--module .c-infomation .c-unit:last-child{margin-right:0;}
.c-box--module .c-infomation .c-unit.is--off{opacity:.2;}
.c-box--module .c-infomation .p-icon--svg{max-width:40px;width:100%;height:auto;display:inline-block;}
.c-box--module .c-infomation .p-title{color:#111;font-size:10px;line-height:1.2;text-align:center;}

.c-box--module .c-infomation--card{border-top:#dadada solid 1px;padding:.6em .6em;}
.c-box--module .c-infomation--card p{color:#111;font-size:10px;letter-spacing:0.05em;}
.c-box--module .c-infomation--card p::after{content:'/';margin:0 0.2em;}
.c-box--module .c-infomation--card p.is--off{color:#b5b5b5;}

.is--off.c-contents--module{height:0!important;padding:0 2vw;opacity:0;}

@media screen and (max-width:768px){
	.c-contents--module .c-list{left:0;width:100%;}
	.c-contents--module .c-item{width:980%;margin:0 0 30px;padding:0 2%;}
}



.l-area--group .c-contents--module{background-color:transparent;padding:20px 0 0;}




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


SLICK


-------------------------------------------------- */
.slick-list{width:100%;}

.slick-arrow{position:absolute;width:30px;height:30px; top:50%;padding:0;transform:translateY(-50%);transition:all .2s ease-out;display:inline-block;z-index:99;}
.slick-arrow::before,
.slick-arrow::after{content:'';position:absolute;width:23px;height:2px;background-color:#e16216;display:inline-block;}
.slick-prev{left:2vw;}
.slick-next{right:2vw;}
.slick-prev::before{left:-1px;transform:rotate(-30deg);transform-origin:center left;}
.slick-prev::after{left:-1px;transform:rotate(30deg);transform-origin:center left;}
.slick-next::before{right:-1px;transform:rotate(30deg);transform-origin:center right;}
.slick-next::after{right:-1px;transform:rotate(-30deg);transform-origin:center right;}

@media screen and (min-width:768px){
	.slick-arrow:hover{border-bottom:1px solid #F00;transition:all .2s ease-out;}
	.slick-arrow:hover::before{background-color:#F00;transition:all .2s ease-out;}		
}

@media screen and (max-width:768px){
/* 	.slick-list{padding:0!important;}	 */
}


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


Button


-------------------------------------------------- */
.c-button{display:flex;justify-content:center;align-items:center; transition:all .2s ease-out;cursor:pointer;}
.c-button .p-text{}

.c-button--nav{width:calc(99% / 3);flex-direction:column;border-top:16px solid #e84c00;padding:1em 0;background-color:#650000; transition:all 0.3s ease-out;}
.c-button--nav::before{content:"";position:absolute;top:4px;width:6px;height:6px;border:2px solid;border-color:transparent transparent #FFF #FFF;border-top:none;border-right:none;transform:rotate(-45deg);}
.c-button--nav .p-text{color:#FFF;font-size:18px;line-height:1.4;text-align:center;}

.c-button--area{position:relative;border-right:40px solid #e16216;padding:1em 0 1em 2vw;background-color:#e4cf5c;box-sizing:border-box;justify-content:space-between; transition:all 0.3s ease-out;}
.c-button--area::after{content:"";position:absolute;top:50%;right:-20px;width:6px;height:6px;transform:translate(50%,-50%) rotate(-45deg);}
.c-button--area .c-box{text-align:left;}
.c-button--area .p-title{color:#650000;font-size:24px;line-height:1.4;font-weight:bold;}
.c-button--area .p-text{color:#650000;font-size:14px;line-height:1.4;}

.c-button--area::after{border:2px solid #FFF;border-bottom:none;border-left:none;}
.is--off.c-button--area::after{border:2px solid;border-color:transparent transparent #FFF #FFF;border-top:none;border-right:none;}

.c-button--map{position:relative;max-width:200px;width:92%;margin:1em auto;padding:.65em 0 .5em;border-left:40px solid #650000;background-color:#e16216;box-sizing:border-box; transition:all 0.3s ease-out;}
.c-button--map::before{content:"";position:absolute;left:-27px; width:11px;height:11px;border:2px solid;border-color:transparent transparent #FFF #FFF;border-top:none;border-right:none;transform:rotate(-135deg);}
.c-button--map .p-text--map{color:#FFF;font-size:18px;line-height:1.4;font-weight:bold;text-align:center;margin-left:-10px;}

.c-button--findArea{position:relative;max-width:400px;width:100%;margin:3em auto;padding:2em 0 2em;background-color:#e16216;box-sizing:border-box; transition:all 0.3s ease-out;}
.c-button--findArea::before{content:"";position:relative;margin-right:10px;width:11px;height:11px;border:2px solid;border-color:transparent transparent #FFF #FFF;border-top:none;border-right:none;transform:rotate(-135deg);}
.c-button--findArea .p-text--findArea{color:#FFF;font-size:16px;line-height:1.4;font-weight:bold;letter-spacing:0.05em;text-align:center;}


.c-button--nav .p-text br{display:none;}

/* .c-button--nav:hover{padding:2em 0;} */

@media screen and (min-width:768px){
	.c-button--nav:hover{background-color:#430000;border-top:16px solid #cf5106;}
	.c-button--nav:hover::before{top:6px;transition:all 0.2s ease-out;}
	
	.c-button--area:hover{background-color:#ddc021;border-right:40px solid #cf5106;}
	.c-button--area:hover::before{}
	
	.c-button--map:hover{background-color:#cf5106;border-left:40px solid #430000;}
	.c-button--map:hover::before{left:-25px;transition:all 0.2s ease-out;}
	
	.c-button--findArea:hover{background-color:#cf5106;}
	.c-button--findArea:hover::before{margin-right:8px;transition:all 0s ease-out;}
	.c-button--findArea:hover .p-text--findArea{margin-right:-2px;transition:all 0s ease-out;}
}
@media screen and (max-width:768px){
	.c-button--nav{padding:4px 0;border-top:12px solid #e84c00;}
	.c-button--nav::before{top:2px;}
	.c-button--nav .p-text{font-size:12px;}
	.c-button--nav .p-text br{display:block;}
	
	.c-button--area{padding:1em 0 1em 4vw;}
}
@media screen and (max-width:400px){
	.c-button--nav01 .p-text br{display:none;}
	
}