@charset "UTF-8";
   * {
box-sizing:border-box;
font-feature-settings: "palt";
}
body , html {
width:100%;
height:100%;
margin:0;
padding:0;
font-family: 'Noto Sans JP', sans-serif;
}
p , ul , li , dl , dt , dd ,input {
margin:0;
padding:0;
list-style:none;
}
strong , em , h1 , h2 , h3 , h4 ,h5 {
font-weight:normal;
font-style:normal;
margin:0;
padding:0;
line-height:1;
}
img {width:100%; border:none; vertical-align:bottom;}
a {text-decoration:none; color:#444;}
.mark a{ background: linear-gradient(transparent 0%, #fff799 0%);}	
@media screen and (min-width: 980px){
body , html {
font-size:10px;
}
}
@media screen and (max-width: 979px){
body , html {
font-size:9px;
}
} .bg_wh {background:#fff!important;}
.bg_li {background:#FCF8F5;}
.bg_lgy {background:rgba(249,249,249,1);}
.bg_bl {background:#a7d2cb; color:#fff;}
.bg_ye {background:#f8f4e6;}
.bd {	border:#ccc 1px solid;	}
.bd-tb {border-bottom:#ccc 1px solid;	}
.catchCopy {
display:block;
padding:.5em 0;
margin-bottom:1em;
text-align:center;
font-size:3rem;
letter-spacing:.15em;
line-height:1.4;
color:rgba(154, 73, 63, 1);
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight:700;
}
.catchCopy em {display:block; margin:20px 0 10px; padding:15px 0;; line-height:1.6; border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; background:rgba(245,215,16,.3); color:rgba(119,37,0,1);}
.catchCopy.stamp {
background:url(//tabesuke.jp/wp-content/themes/tabesuke/img/parts/logo-stamp.png) no-repeat;
background-size:contain;
background-position: center;
background-color:rgba(255,255,255,0.5);
background-blend-mode:lighten;
}
.txt-left {
text-align:left!important;
}
.txt-right {
text-align:right!important;
}
.txt-center {
text-align:center!important;
}
.mb-01 {
margin-bottom:1em!important;
}
.mb-02 {
margin-bottom:2em!important;
}
.mb-03 {
margin-bottom:3em!important;
}
.lg_txt {
font-size:1.8rem;
font-weight:400;
letter-spacing:.125em;
line-height:1.8;
text-align:left;
}
.boxTtl strong {display:block; margin-bottom:10px; text-align:center; font-size:20px; font-weight:700;}
.pgh {display:block; margin-top:15px;}
.notice{display:block; margin-top:15px; text-align:center; font-size:12px;}
.txtWh {color:#fff!important;}
.marker { background:linear-gradient(transparent 60%, #afeeee 60%);}
figcaption {text-align:left; font-size:13px; margin:0 auto;}
.giza {position:relative; overflow:visible;}
.giza > span {display:block; width:100%; height:25px; position:absolute; left:0; z-index:2;}
.gizaTop > span {top:-24px;}
.gizaBottom > span {bottom:-24px;}
.border-btm {border-bottom:#444 1px solid!important;}
.border-top {border-top:#444 1px solid!important;}
.marker-ye strong {background: linear-gradient(transparent 50%, #fef263 50%);} .linkBtn {
display:block;
text-align:center!important;
width:100%;
}
.linkBtn > * {
display:block;
margin:0 auto;
padding:10px 30px;
border:rgba(154, 73, 63, 1) 2px solid;
transition: all .4s;
cursor:pointer;
border-radius:6px;
max-width:600px;
color:rgba(154, 73, 63, 1);
}
.btnType-a {
background:rgba(154, 73, 63, 1);
color:#fff!important;
}
.btnType-b {
background:#fff;
color:rgba(154, 73, 63, 1);
}
.linkBtn2 {display:block; text-align:right; margin-top:10px;}
.linkBtn2 a {text-decoration:underline; font-size:13px;}
.linkBtn2 a:before {content:'>';}
.pageBottomBtn {margin-top:50px;}
.linkBlank , .linkBlank-wh {position:relative;}
.linkBlank:after {content:''; position:absolute; display:block; width:12px; height:12px; top:2px; right:-15px; background:url(//tabesuke.jp/wp-content/themes/tabesuke/img/parts/link.png) no-repeat; background-size:cover;}
.linkBlank-wh:after {content:''; position:absolute; display:block; width:12px; height:12px; top:2px; right:-15px; background:url(//tabesuke.jp/wp-content/themes/tabesuke/img/parts/link-wh.png) no-repeat; background-size:cover;}
.margin-bottom-1em {
margin-bottom:1em!important;
}
.margin-bottom-2em {
margin-bottom:2em!important;
}
.margin-bottom-3em {
margin-bottom:3em!important;
}
.margin-bottom-4em {
margin-bottom:4em!important;
}
.margin-bottom-5em {
margin-bottom:4em!important;
}
.border-horizontal {
border-top:#ccc 1px solid!important;
border-bottom:#ccc 1px solid!important;
}
.border-vertical {
border-left:#ccc 1px solid!important;
border-right:#ccc 1px solid!important;
}
@media screen and (max-width:979px){
.sp {display:block;}
.pc {display:none;}
.catchCopy em {font-size:20px;}
.linkBtnWrap span {
margin-bottom:1em;
}
.linkBtn > * {
width:80%;
}
}
@media screen and (min-width:980px){
.colums2 {
display:flex;
justify-content: space-around;
}
.sp {display:none;}
.pc {display:block;}
.linkBtnWrap {
display:flex;
justify-content:space-around;
gap:10px;
max-width:800px;
margin:0 auto;
}	
.linkBtn > *.btnType-a:hover {
background:rgba(154, 73, 63,.8);
}
.linkBtn > *.btnType-b:hover {
background:rgba(154, 73, 63,.2);
}	
} .rb-Btn-Wrap {
display:block;
position:fixed;
bottom:20px;
right:20px;
z-index:8!important;
opacity:0;
transition: all 1s;
}
.rb-Btn-Wrap.btnHide {
opacity: 1;
transition: all 1s;
}
.rb-Btn-Wrap .topBtn {
position:relative;
display:block;
width:40px;
height:40px;
background:rgba(0,0,0,.7);
border-radius:5px;
}
.rb-Btn-Wrap .topBtn span {
display:block;
position:absolute;
top:40%;
left:30%;
width:15px;
height:15px;
border-top:#fff 3px solid;
border-left:#fff 3px solid;
transform: rotate(45deg);
}
.rb-Btn-Wrap .rb-SNS-Btn {
display:block;
width:40px;
height:40px;
background:#fff;
border-radius:50%;
padding:1em!important;
} #wrapper {
width:100%;
text-align:center;
letter-spacing:1px;
color:#565656;
font-family: 'Noto Sans JP', sans-serif;
}
section {
position:relative;
overflow:hidden;
padding:2em 1em;
width:100%;
text-align:center;
}
section.circleL:before {
position:absolute;
top:-50%;
right:-20%;
content:'';
width:1000px;
height:1000px;
border-radius:50%;
background:rgba(255,255,255,.1);
z-index:0;
}
section .content {
overflow:hidden;
max-width:1000px;
}
section .content .contentInner {
padding: 0 1em 3em;
text-align:left;
}
.postInner , .categoryInner{
min-height:100vh;
}
@media screen and (max-width:979px){
#wrapper {
font-size:1.5rem;
line-height:1.6;
}
section .content {
margin:0 auto;
}
section.firstCont {
padding-top:100px!important;		
}
}
@media screen and (min-width:980px){
#wrapper {
font-size:16px;
line-height:1.8;
}
section .content {
margin:0 auto;
}
section.firstCont {
padding-top:100px!important;		
}
} #headWrap {
position:fixed;
top:0;
left:0;
width:100%;
z-index:9;
background:rgba(118, 47, 7, 1);
transition: all .7s;
}
.homePage #headWrap {
position:fixed;
top:0;
left:0;
width:100%;
background:rgba(119,37,0,0);
transition: all .7s;
}
.homePage #headWrap.open {
background:rgba(118, 47, 7, 1);
transition: all .7s;
}
h1 {
position:absolute;
display:table;
height:auto;
left:20px;
font-weight:700;
font-size:24px;
transition: all .5s;
z-index:11;
}
.homePage h1 {
position:absolute;
display:table;
height:auto;
top:-100px;
left:20px;
font-weight:700;
font-size:24px;
transition: all .5s;
}
h1 a {
display:table-cell;
vertical-align:middle;
color:rgba(246,195,2);	
}
@media screen and (max-width:979px){
#headWrap{
height:50px;
}
h1 {
width:140px;
}
.homePage h1.show , h1 {
top:10px;
}
}
@media screen and (min-width:980px){
#headWrap{
height:50px;
}
h1 {
width:140px;
}
.homePage h1.show , h1 {
top:10px;
}
} .popUp-bg {
position:absolute;
top:0;
left:0;
width:100%;
height:100vh;
z-index:9998;
background:rgba(0,0,0,.9);
}
.popUp {
position:fixed;
top:0;
left:0;
margin:auto 0;
display:none;
width:100%;
height:100vh;
text-align:center;
z-index:9998;
}
.popUp .popUpPosition {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
width:100%;
height:100vh;
}
.popup-inner{
position:relative;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
margin:0 auto;
vertial-align:middle;
width:96%;
max-width:1000px;
height:90vh;
border-radius:20px;
color:rgba(119,37,0,1);
z-index:9999;
}
.userLogin .popup-inner {
background:rgba(245,215,16,1);
}
.shopLogin .popup-inner {
background:rgba(245,184,16,1);
}
.popup-inner div {
}
.popup-inner div h3{
display:block;
font-size:18px;
margin-bottom:30px;
text-align:center;
}
.popup-inner div h4{
display:block;
margin-bottom:5px;
}
.popup-inner div form {
padding:0!important;
}
.popup-inner div input{
border:none;
margin-bottom:20px;
padding:10px;
font-size:16px;
border-radius:5px;
}
.popUpClose {
position:absolute;
right:10px;
top:10px;
}
.popUpClose span{
display:inline-block;
position:relative;
width:30px;
height:30px;
cursor: pointer;
}
.popUpClose em:first-child {
position:absolute;
top:9px;
left:0;
display:inline-block;
width:30px;
height:2px;
background:#fff;
line-height:0;
transform: translateY(5px) rotate(45deg);
}
.popUpClose em:last-child {
position:absolute;
top:9px;
left:0;
display:inline-block;
width:30px;
height:2px;
background:#fff;
transform: translateY(5px) rotate(-45deg);
} .snsLogin {
margin-top:20px;
padding:10px;
background:#fff;
border-radius:10px;
}
.snsLogin ul{
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
margin-top:15px;
}
.snsLogin ul li {
display:inline-block;
width:40px;
padding:0 5px;
} nav{
position:fixed;
width:100%;
font-size:14px;
}
nav div ul li a{
display:block;
color:#fff;
}
.loginBtnWrap {
display:inline-block;
position:absolute;
}
.loginBtnWrap a{
display:block;
font-weight:700;
border-radius:5px;
padding:5px 8px;
color:rgba(119,37,0,1)!important;
background:rgba(255,255,255,1);
}
@media screen and (max-width:979px){
nav {
display:none;
z-index:12;
top:0;
width: 100%;
height: auto;
background:rgba(118, 47, 7, 1);
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight:500;
}
nav > div {
margin:50px 0;
width: 100%;
text-align:center;
}
nav	div ul li{
font-size:1.8rem;
padding:0 2em;
}	
nav	div ul li a{
padding:1em 0;
border-top:rgba(255,255,255,.5) 1px dashed;
}
nav	div ul li:last-child a{
border-bottom:rgba(255,255,255,.5) 1px dashed;
}
nav .navHead {
z-index:13;
position: absolute;
left: 0;
top: 0;
display:block;
width:100%;
height:40px;
background:rgba(118, 47, 7, 1);
}
nav .navHead span {
position:absolute;
top:10px;
left:20px;
display:inline-block;
width:140px;
}
nav	ul {
padding:50px 40px 0;
}
nav	ul li{
display:block;
margin:0 15px 10px;
}
.loginBtnWrap {
right:4em;
top:.7em;
z-index:9999;
}
.menuBtn {
position:fixed;
top:1em;
right:20px;
z-index:9999;
}
.menu-trigger,
.menu-trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.menu-trigger {
position: relative;
width: 20px;
height: 20px;
}
.menu-trigger span {
position: absolute;
left: 0;
width: 100%;
height: 4px;
background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
top: 0;
}
.menu-trigger span:nth-of-type(2) {
top: 8px;
}
.menu-trigger span:nth-of-type(3) {
bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(8px) rotate(-315deg);
transform: translateY(8px) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-8px) rotate(315deg);
transform: translateY(-8px) rotate(315deg);
}
}
@media screen and (min-width:980px){
nav {
position:relative;
display:block!important;
z-index:10;
}
nav	div {
position:absolute;
top:.4em;
right:12em;
display:inline-block;;
}
nav	div a{
position:relative;
overflow:hidden;
}
nav	div ul:first-child a:after {
content:'';
position:absolute;
bottom:0;
left:-100%;
width:100%;
height:2px;
background:rgba(255,255,255,.5);
transition: all .3s;
}
nav	div ul:first-child a:hover:after {
transform:translateX(100%);
}
nav .navHead {display:none;}
nav	ul {
display:table-cell;
vertical-align:middle;
padding-left:10px;
}
nav	ul.contentNav a{
margin-top:6px!important;
}
nav	ul li{
display:inline-block;
letter-spacing: 1px;
padding:0 1em;
}
.loginBtnWrap {
right:1em;
top:.4em;
}
} footer {
text-align:center;
background:rgba(118, 47, 7, 1);
font-family: 'Noto Sans JP', sans-serif;
}
#footerContent {
margin:0 auto;
max-width:1000px;
z-index:2;
}
#footerContent .footNav{
font-size:1.4rem;
display:flex;
gap:1.5em;
padding:50px 0;
}
#footerContent .footNav li{
margin:.5em 1em;
text-align:left;
}
#footerContent .footNav a {
color:#fff;
}
#copyright {
padding:10px 0;
text-align:center;
font-size:11px; color:#fff;
letter-spacing:.125em;
}
.footerLogo {
text-align:center;
margin-bottom:20px;
}
.footerLogo span {
display:inline-block;
width:150px;
margin:0 auto;
}
@media screen and (max-width:979px){
#footerContent .footNav{
justify-content: center;
}
#footerContent .footNav li {
margin:1.5em 1em;
}
}
@media screen and (min-width:980px){
} section .content .contentInner:first-child {
padding-top:0;
}
.copyArea span{
display:block;
margin-top:10px;
}
@media screen and (max-width:979px){
#main{
padding-top:40px;
}
.copyArea {
padding:0 0 40px;
}
}
@media screen and (min-width:980px){
#main{
padding-top:60px;
}
.copyArea {
padding:0 0 20px;
}
} #topSlide{
position:relative;
width:100%;
height:100vh;
height: calc(var(--vh, 1vh) * 100);
}
#topSlide .topTtl{
position:absolute;
display: flex;
justify-content: center;
left:0;
width:100%;
color:#fff;
z-index:2;
}
#topSlide .topTtl p{
font-size:2.2rem;
font-weight:700;
color:#000;
}
#topSlide .topTtl h2 {
display:block;
text-align:center;
width:100%;
}
#topSlide .topTtl h2 span {
display:inline-block;
margin:0 auto;
max-width:600px;
}
#topSlide .topTtl h2 span img {
}
#topSlide .topTtl p {
max-width:1000px;
margin:20px auto;
padding:20px;
}
.nextContBtn {
display:block;
position:absolute;
bottom:20px;
width:100%;
text-align:center;
animation: nextContBtn 2s ease-in-out 0s infinite normal;
z-index:2;
}
.topMainImg {
position:relative;
}
.topMainImg img {
height:100vh;
height: calc(var(--vh, 1vh) * 100); 
object-fit: cover;
}
@keyframes nextContBtn{
0%{
bottom:20px;
}
50%{
bottom:30px;
}
100%{
bottom:20px;
}
}
.nextContBtn a{
display:inline-block;
margin:0 auto;
padding:10px;
width:50px;
height:50px;
background:rgba(0,0,0,.5);
border-radius: 50%;
}
.nextContBtn a em{
display:inline-block;
width:15px;
height:15px;
border-bottom:#fff 2px solid;
border-left:#fff 2px solid;
transform: rotate(-45deg);
z-index:5;
}
@media screen and (max-width:640px){
.titleImg div h2 {
font-size:300%;
}
#topSlide .topTtl h2 span img {
width:80%;
max-width:360px;
}
#topSlide .topTtl{
top:44%;
}	
}
@media screen and (min-width:641px){
#topSlide .titleImg div h2 {
font-size:500%;
}
#topSlide .topTtl h2 span img {
width:80%;
max-width:600px;		
}
#topSlide .topTtl{
top:40%;
}	
} .serviceDesc {
margin:0 auto;
text-align:center;
color:#fff;
}
.serviceDesc dt div{
position:relative;
line-height:5!important;
border-radius:50%;
margin:0 auto;
background:rgba(226,78,66,.9);
color:#fff;
}
.serviceDesc dt div strong {
position:absolute;
top:-30px;
left:0;
width:100%;
text-align:center;
}
.serviceDesc dt div strong img {
display:block;
width:240px!important;
margin: 0 auto;
} 
.serviceDesc dt div em{
display:block;
padding-top:70px;
font-size:400%;
font-family: 'Dancing Script', cursive;
transform: rotate(-180deg);
}
.serviceDesc dt div em:after {
content:' kg';
font-family: 'Noto Sans JP', sans-serif;
font-size:24px;
}
.serviceDesc dd div ul li p {
text-align:left;
}
.serviceDesc dd div ul li img{
border-radius:10px;
}
.serviceDesc dd h2 {
display:inline-block;
transform:rotate(-7deg);
padding:5px 20px!important;
z-index:2;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
}
@media screen and (max-width:979px){
.serviceDesc dt div{
width:280px;
height:280px;
}  
}
@media screen and (min-width:980px){
.serviceDesc dt div{
width:300px;
height:300px;
}   
} .foodloss {
color:#8d6449;
}
.foodloss h2{
font-size:2rem;
font-weight:700;
}
.foodloss p {
font-size:1.5rem;
font-weight:500;
padding:1em;
}
.foodlossBtn {
display:inline-block;
padding:.5em 1em;
border:#8d6449 2px solid;
font-size:1.3rem;
border-radius:5px;
color:#8d6449;
}
#foodlossDesc {
z-index:9999;
display:none;
position:fixed;
top:0;
left:0;
background:#f8f4e6;
width:100%;
height:100vh!important;
color:#444;
ext-align:center;
}
#foodlossDesc .popUpClose {
position:absolute;
right:20px;
top:20px;
}
#foodlossDesc .popUpClose {background:rgba(0,0,0,.7); padding:8px 7px 0; border-radius:50%; }
#foodlossDesc .popUpClose em:first-child , #foodlossDesc .popUpClose em:last-child{
background:#fff;
}
.foodlossWrap {
overflow:scroll;
text-align:center;
padding:100px 0 50px!important;
height:100vh;
}
.foodloss-inner {
text-align:center;
max-width:1024px;
margin:0 auto 40px;
padding:0 20px;
}
.foodloss-inner figure {
text-align:center;
}
.foodloss-inner figure img{
max-width:1000px;
margin:0 auto;
}
.foodloss-inner p {
text-align:left;
}
.foodloss-inner .lastBlock{
margin-bottom:40px!important;
}
.foodlossClose span{display:inline-block; cursor:pointer;}
.foodlossClose figcaption {max-width:800px;}
.foodloss-inner h3 {
display:inline-block;
margin:0 0 25px!important;
padding:10px 20px!important;
text-align:center;
border-bottom:solid 2px #772500;
border-top:solid 2px #772500;
font-weight:700;
color:#772500;
}
@media screen and (max-width:979px){
.serviceDesc dt {
margin-bottom:50px;
}
.serviceDesc dd div ul li .linkBtn {
margin-top:20px;
}
.serviceDesc dd div ul li p {
margin-top:15px;
font-size:110%;
}
.serviceDesc dt div{
padding:70px 0 100px;
z-index:5;
}
.foodloss-inner h3 {
font-size:140%;
}
}	
@media screen and (min-width:980px){
.foodloss div {
padding:1em;
}
.serviceDesc div{ }
.serviceDesc dl {
display:table;
width:100%;
}
.serviceDesc dt {
position:absolute;
display:table-cell;
width:30%;
vertical-align:middle;
}
.serviceDesc dt div{
position:absolute;
top:-20px;
left:0px;
margin:20px 40px;
z-index:2;
}
.serviceDesc dd {
position:relative;
display:table-cell;
width:70%;
text-align:left;
vertical-align:middle;
}
.serviceDesc dd h2 {
position:absolute;
top:-30px;
left:30px;
}
.serviceDesc dd div ul{
display:table;
margin-top:20px;
width:100%;
text-align:left;
}
.serviceDesc dd div ul li{
display:table-cell;
vertical-align:top;
width:50%;
}
.serviceDesc dd div ul li{
position:relative;
display:table-cell;
vertical-align:top;
width:50%;
}
.serviceDesc dd div ul li p {
padding:20px;
font-size:120%;
}
.serviceDesc dd div ul li .linkBtn {
position:absolute;
bottom:0;
right:0;
}
.serviceDesc dt div{
padding:70px 0 100px;
z-index:5;
}
.foodloss-inner h3 {
font-size:180%;
}
} .merit h2 {
color:rgba(119,37,0,1);
}
.charactor {
text-align:center;
}
.charactor span {
position:relative;
display:inline-block;
width:60px;
margin:0 auto;
}
.charactor span.userHand strong{
position:absolute;
bottom:15px;
left:-20px;
display:inline-block;
width:18px;
animation: userHand 1s ease-in-out 0s infinite normal;
}
@keyframes userHand{
0%{
transform:rotate(0);
transform-origin: right bottom;
}
50%{
transform:rotate(-10deg);
transform-origin: right bottom;
}
100%{
transform:rotate(0);
transform-origin: right bottom;
}
}
.charactor span.shopHand strong{
position:absolute;
bottom:30px;
right:-30px;
display:inline-block;
width:20px;
animation: shopHand 1s ease-in-out 0s infinite normal;
}
@keyframes shopHand{
0%{
transform:rotate(5deg);
transform-origin: left bottom;
}
50%{
transform:rotate(15deg);
transform-origin: left bottom;
}
100%{
transform:rotate(5deg);
transform-origin: left bottom;
}
}
.howToUse h3{
display:block;
text-align:center;
margin-bottom:1em;
}
.howToUse h3 figure img{
max-width:150px;
margin:0 auto;
}
.howToUse h3 figure figcaption {
text-align:center;
padding:.3em 0;
font-size:1.3em;
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight:500;
}
.howToUse h3 + p {
max-width:80%;
margin:0 auto 1.5em;
font-weight:400;
}
.userColor {
background:rgba(242, 154, 76, .2)!important;
color:#f29a4c;
}
.shopColor {
background:rgba(91, 188, 223, .2)!important;
color:#5bbcdf;
}
.howToUse ul li figure {
display:block;
text-align:center;
}
.howToUse ul li figure figcaption{
position:relative;
display:block;
padding:.5em 1em;
background:#eee;
margin-top:.8em;
font-size:1.4rem;
text-align:left;
line-height:1.4;
border-radius: 3px;
}
.howToUse ul li figure figcaption::before{
position:absolute;
top:-10px;
left:30%;
width:0;
height:0;
border-style:solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #EEEEEE transparent;
content:'';
}
@media screen and (max-width:979px){
.howToUse ul{
width:300px;
margin:0 auto;
}
}
@media screen and (min-width:980px){
.howToUse ul {
display:flex;
justify-content: space-around;
}
.howToUse ul li figure {
width:200px;
}
}
.tabesuke-desc-img {
position:relative;
padding-bottom:4.5em;
}
.tabesuke-desc-img .matching {
position:absolute;
left:0;
display:flex;
justify-content: center;
width:100%;
margin:0!important;
}
.tabesuke-desc-img .matching img {
width:40%;
max-width:200px;
}
.tabesuke-desc-img .shop-user{
position:relative;
display:flex;
justify-content:space-around;
margin:0 auto;
}
.tabesuke-desc-img .shop-user figure {
max-width:300px;
width:48%;
margin:0!important;
padding:0!important;
}
.tabesuke-desc-img .shop-user figure p {
position:relative;
text-align:center;
padding:1em;
background:#fbf9d6;
color:#ad1e24;
border-radius:3em;
font-size:1.8rem;
font-weight:700;
}
.tabesuke-desc-img .shop-user figure p::after {
content:'';
position:absolute;
bottom:-20px;
left:45%;
width:0;
height:0;
border-style:solid;
border-width: 20px 10px 0 10px;
border-color: #FBF9D6 transparent transparent transparent;
}
.tabesuke-desc-img .shop-user figure figcaption {
text-align:center;
font-size:2rem;
font-weight:700;
padding:.5em;
color:#fff;
}
.txtColor-wh {
color:#fff!important;
}
.user-bgColor {
background:#f29a4c;	
}
.shop-bgColor {
background:#5bbcdf;	
}
.user-lineColor {
border:#f29a4c 1px solid;	
}
.shop-lineColor {
border:#5bbcdf 1px solid;	
}							
.tabesuke-merit dl {
}							
.tabesuke-merit dl dt{
padding:.5em 1em;
margin-bottom:1em;
font-size:1.8rem;
}
.tabesuke-merit dl dd li {
position:relative;
margin-bottom:.5em;
font-size:2.2rem;
font-weight:500;
padding-left:2em!important;
font-family: "M PLUS Rounded 1c", sans-serif;
}
.tabesuke-merit dl dd li::before {
position:absolute;
top:.3em;
left:.5em;
content:'';
width:1.2em;
height:1.2em;
background:url(//tabesuke.jp/wp-content/themes/tabesuke/img/parts/point.png) no-repeat;
background-size:cover;
}
@media screen and (max-width:979px){
.tabesuke-merit dl{
margin-bottom:1em;
}
.tabesuke-desc-img .matching {
bottom:0;
}
}
@media screen and (min-width:980px){
.tabesuke-merit {
display:flex;
justify-content: space-around;
}
.tabesuke-merit dl{
width:48%;	
}
.tabesuke-merit dl:first-child{
}
.tabesuke-desc-img .matching {
bottom:35%;
}	
}  #newsList {
width:100%;
text-align:center;
max-width:1000px;
margin:0 auto;
}
#newsList li {
padding:8px;
border-bottom:#eee 1px solid;	
}
#newsList li:first-child{
border-top:#eee 1px solid;	
}
#newsList dl{
display:table;
width:100%;
font-size:14px;
}
#newsList dl dd {
display:table-cell;
width:10%;
text-align:left;
vertical-align:middle;
}
#newsList dl dd span {
display:inline-block;
font-size:12px;
color:#666;
}
#newsList dl dt {
display:table-cell;
width:90%;
text-align:left;
vertical-align:middle;
}
#newsList dl dt p {
padding-left:15px;
line-height:1.5;
} #post #newsList {
margin-bottom:50px;
} #blog > ul li.blogColumn {
border:#999 1px solid;
padding-bottom:1em;
position:relative;
background:#fff;
}
#blog > ul li.blogColumn a {
display:block;
padding:.5em;
}
#blog > ul li.blogColumn dl dt p {
font-size:1.4rem;
}
#blog > ul li.blogColumn dl dt p:after {
content:'記事を読む';
font-size:12px;
position:absolute;
right:0;
bottom:0;
text-align:right;
display: inline-block;
border-top:#999 1px dashed;
border-left:#999 1px dashed;
padding:.5em 1em;
color:#999;
}
#blog > ul li.blogColumn dl dd p {
overflow:hidden;
background-position:center!important;
background-repeat: no-repeat!important;
}
#blog > ul li.blogColumn dl dd span {
display:block;
padding:0 0 5px;
font-size:12px;
text-align:right;
color:#999;
}
#blog > ul li.blogColumn em {
position:absolute;
display:inline-block;
font-size:1.4rem;
font-weight:700;
background:#999;
border:solid 1px #999;
color:#fff!important;
}
#blog .post-categories a {
display:inline-block;
padding:10px 15px!important;
font-size:13px;
color:#fff!important;
}
.cateListBtn a {
margin-bottom:20px;
} @media screen and (max-width:979px){
#blog > ul{
margin-top:50px;
}
#blog > ul li.blogColumn {
position:relative;
margin:4em 0 0;
padding-bottom:.7em;
}
#blog > ul li.blogColumn a {
padding:0 .5em;
}
#blog > ul li.blogColumn dl{
display:table;
padding:0;
width:100%;
position:relative;
}
#blog > ul li.blogColumn dl dt {
display:table-cell;
width:60%;
vertical-align:middle;
padding-bottom:20px;
}
#blog > ul li.blogColumn dl dt em a {
display:block;
padding:8px 15px;
font-size:13px;
color:#fff;
}
#blog > ul li.blogColumn em {
top:-2.8em;
left:-1px;
}
#blog > ul li.blogColumn em ul {
margin:0!important;
padding:0!important;
}
#blog > ul li.blogColumn dl dt p , 	#blog > ul li.blogColumn dl dd p{
line-height:1.5;
}
#blog > ul li.blogColumn dl dt p:after {
bottom:-10px;
right:-5px;
}
#blog > ul li.blogColumn dl dt p {
margin-left:.5em;
}	
#blog > ul li.blogColumn dl dd {
display:table-cell;
padding:10px 0 0;
width:40%;
vertical-align:top;
}
#blog > ul li.blogColumn dl dd span {
padding:0 10px!important;
}
#blog .blogColumn dl dd p {
overflow:hidden;
height:120px;
background-position:center!important;
background-size:cover!important;
}
}
@media screen and (min-width:980px){
#blog > ul{
display: flex;
justify-content:space-between;
width:100%;
}
#blog > ul .blogColumn {
width:24%;
}
#blog > ul li.blogColumn dl dt {
padding-bottom:20px;
}
#blog .blogColumn em ul {
margin:0!important;
padding:0!important;
}
#blog > ul li.blogColumn em {
top:-2.5em;
left:-1px;
}
#blog > ul li.blogColumn dl dt p{
height:80px;
margin-top:7px;
padding-bottom:20px;
}
#blog > ul li.blogColumn dl dd p {
overflow:hidden;
background-size:120%!important;	
height:200px;
transition: all 0.5s ease-out;
}
#blog > ul li.blogColumn a:hover dl dd p {
background-size:140%!important;
background-position:center!important;
}
} .categoryBox {
overflow:hidden;
padding:50px 0;
}
#blog h2.cate1 {color:#A13200;}
#blog h2.cate2 {color:#063A68;}
#blog h2.cate3 {color:#A15E00;}
#blog h2.cate4 {color:#006D44;}
@media screen and (max-width:979px){
.categoryBox .blogColumn {
margin:0!important;
padding-bottom:10px!important;
}
}
@media screen and (min-width:980px){
.categoryBox li{
float:left;
margin-bottom:30px;
}
} .wp-pagenavi {
margin:50px 0;
text-align:center;
}
.wp-pagenavi > * {
border:none!important;
}
.wp-pagenavi .current {
background:#A15E00;
padding:4px 11px 5px!important;
border-radius: 50%;
color:#fff;
}
.wp-pagenavi a {
color:#A15E00;
}
.wp-pagenavi .pages {
display:none!important;
} .search {
text-align:center;
padding:20px 0 50px;
}
.search form {
text-align:center;
}
.search input[type="text"] {
border:#eee;
background:#efefef;
padding:10px;
font-size:18px;
}
input[type="text"]:focus {
border: none;
outline: 0;
}
input[type="submit"] {
line-height:1;
border:none;
border-radius:0;
padding:15px 15px 13px;
background:#444;
color:#fff;
}
@media screen and (max-width:979px){
input[type="submit"]{
margin-top:10px;
}
} .postTtl {
margin-bottom:40px;
}
#post .postInner{
max-width:980px;
margin:0 auto 2em;
padding:15px;
min-height:100vh;
}
#post .content {
background:rgba(255,255,255,1);
border-radius:30px;
}
#post .postInner h2{
display:block;
padding-bottom:10px;
text-align:center;
font-weight:500;
letter-spacing:.125em;
line-height:1.4;
}
.article {
max-width:800px!important;
margin:0 auto 50px;
padding:0;
letter-spacing:0.15em;
}
.article .eyeCatch {
margin-bottom:2em;
}
.article .eyeCatch img{
width:100%!important;
height:auto!important;
}
.article p {
font-size:1.6rem;
text-align:left;
}
.article p , .article figure , .article ul {
margin-bottom:2em;
}
.article h2 {
display:block;
margin:3em 0 2em;
padding:.5em .5em 0;
font-size:2.2rem!important;
text-align:left!important;
background:#efefef;
border-top:#ccc 1px solid;
border-bottom:#ccc 1px solid;
}
.article h3 {
margin:0 0 1em;
padding:0 0 .5em;
font-size:2rem!important;
font-weight:700;
border:none;
border-bottom:#ccc solid 2px;
line-height:1.4;
}
.is-style-fill a{
background-image: none!important;
}
.article figure {
padding:0!important;
margin-left:0;
margin-right:0;
}
.article figure img{
width:100%!important;
height:auto!important;
}
.article ul li{
list-style: disc!important;
margin-left:1.5em;
}
.article ol li{
list-style:decimal!important;
}
.article blockquote {
margin:0!important;
padding:10px 15px;
background:#eee!important;
border-radius:10px;
text-align:right;
}
.article blockquote p {
text-align:left;
}
.article blockquote p:before , .article blockquote p:after{
content:'”';
}
.article blockquote cite {
position:relative;
display:inline-block;
font-size:12px;
color:#999;
}
.article blockquote cite a:before {content:''; position:absolute; top:6px; left:-17px; display:block; width:12px; height:12px; background:url(//tabesuke.jp/wp-content/themes/tabesuke/img/parts/link.png) no-repeat; background-size:cover;}
.article strong { background:linear-gradient(transparent 60%, #afeeee 60%);}
.article a {word-break: break-all; position:relative; background:linear-gradient(transparent 90%, #ffadad 90%);}
.wp-block-file {text-align:center;}
.wp-block-file span {display:block; margin-bottom:5px;}
#post .pager {
position:relative;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
margin-bottom:4em;
}
#post .pager p {
display:inline-block;
padding:10px 15px;
}
#post .pager a {
position:relative;
}
#post .pager a[rel~='prev']:before {
content:'';
position:absolute;
top:7px;
left:-20px;
width:15px;
height:2px;
background:#444;
transform: rotate(-45deg);
}
#post .pager a[rel~='prev']:after {
content:'';
position:absolute;
top:17px;
left:-20px;
width:15px;
height:2px;
background:#444;
transform: rotate(45deg);
}
#post .pager a[rel~='next']:before {
content:'';
position:absolute;
top:7px;
right:-20px;
width:15px;
height:2px;
background:#444;
transform: rotate(45deg);
}
#post .pager a[rel~='next']:after {
content:'';
position:absolute;
top:17px;
right:-20px;
width:15px;
height:2px;
background:#444;
transform: rotate(-45deg);
}
.postMeta {
text-align:center;
margin-bottom:10px;
padding-bottom:10px;
}
.postMeta span {
display:block;
}
.postMeta .category a{
display:inline-block;
margin-bottom:20px;
padding:5px 20px;
border-radius:40px;
color:#fff;
background:#ccc;
}
.postMeta.cate1 .category a {background:#A13200;}
.postMeta.cate2 .category a {background:#063A68;}
.postMeta.cate3 .category a {background:#A15E00;}
.postMeta.cate4 .category a {background:#006D44;}
#post .catchCopy {
margin-bottom:50px!important;
}
#post .blogPageTtl {
text-align:center;
}
#post .blogPageTtl strong {
display:block;
transform: rotate(-2deg);
color:#ccc;
}
#post .blogPageTtl .catchCopy {
display:inline-block;
position:relative;
margin:20px auto 0;
padding:0 10px;
} @media screen and (max-width:768px){
#post .blogPageTtl .catchCopy {
font-size:2.4rem;
}
}
@media screen and (min-width:769px){
#post .blogPageTtl .catchCopy {
font-size:3rem;
}
} .qa-q , .qa-a{
position:relative;
padding-left:2em;
font-size:2rem;
}
.qa-q , .qa-a {
font-weight:700;
}
.qa-q::before , .qa-a::before{
position:absolute;
top:-.5em;
left:0;
font-size:2.4rem;
}
.qa-q::before {
content:'Q';
}
.qa-a::before {
content:'A';
}
.additional_info {
position:relative;
max-width:800px;
margin:1em auto 3em;
padding:1em 1em 4em 1em;
border:#ccc 3px solid;
font-size:1.4rem;
border-radius:15px;
background:#fcfcfc;
}
.add-info-title {
margin-bottom:1em;
}
.add-info-name {
font-weight:700;
margin-bottom:.5em;
font-size:1.8rem;
}
.add-info-desc {
margin-bottom:1.5em;
}
.add-info-address , .add-info-web{
margin-bottom:.5em;	
}
.add-info-web a{
word-break: break-all;
text-decoration:underline!important;
}
.additional_info .social-media{
position:absolute;
bottom:1em;
right:1em;
display:flex;
gap:1em;
}
.additional_info .social-media p{
width:30px;
}
.additional_info .social-media p img {
width:30px;
height:30px;
object-fit: cover;
}
@media screen and (min-width:979px){
#post .postInner h2{
font-size:180%;
}
}
@media screen and (min-width:979px){
#post .postInner h2{
font-size:140%;
}
}
@media screen and (max-width:768px){
#post .postInner{	
padding:15px 0;
}	
} #loading {
display:flex;
justify-content: center;
align-items:center;
width: 100vw;
height: 100vh;
transition: all 1s;
background-color: #fff;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
} .loader {
width: 60px;
aspect-ratio: 4;
background: radial-gradient(circle closest-side,#ccc 90%,#0000) 0/calc(100%/3) 100% space;
clip-path: inset(0 100% 0 0);
animation: l1 1s steps(4) infinite;
}
@keyframes l1 {to{clip-path: inset(0 -34% 0 0)}} #loading img {
width:160px;
display:block;
}
.loader {margin-top:100px;}
.loaded {
opacity: 0;
visibility: hidden;
}
.loadInner {
display:block;
width:100%;
position:absolute;
top:30vh;
} .faq {
max-width:980px;
margin:0 auto;
font-weight:400;
letter-spacing: .125em;
font-size:1.6rem;
}
.faq > div {
margin-bottom:3em;
}
.faq h4{
display:block;
margin-bottom:25px;
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight:700;
position:relative;
margin-top:150px;
z-index:2;
}
.faq h4::before {
position:absolute;
top:-123px;
left:0;
display:block;
width:140px;
height:140px;
}
div#faqUser h4::before {
content:'';
background:url(https://tabesuke.jp/wp-content/uploads/2026/02/user-00.png) no-repeat;
background-size:contain;
background-position: center;
}
div#faqShop h4::before {
content:'';
background:url(https://tabesuke.jp/wp-content/uploads/2026/02/shop-00.png) no-repeat;
background-size:contain;
background-position: center;
}
.faq strong {
display:block;
width:5%;
min-width:5em;
text-align:center;
font-weight:700;
font-size:2rem;
line-height:1.6;
font-family: "Cabin", sans-serif;
}
.faq dt strong {color:#ccc; background:#eee;}
.faq dd strong {color:#f0908d; background:#fdeff2;} 
.faq dl {
padding-bottom:.7em;
margin-bottom:.7em;
border-bottom:#ccc 1px dotted;
}
.faq dl:last-child {
border-bottom:none!important;
}
.faq dt , .faq dd {
position:relative;
display: flex;
justify-content: flex-start;
width:100%;
margin-bottom:2px;
}
.faq dt::after {
content:'開く';
display:inline-block;
position:absolute;
top:0;
right:.3em;
font-size:1.1rem;
color:#666;
border:#ccc 1px solid;
padding:.2em .5em;
border-radius:3px;
}
.faq dt.faqClose::after {
content:'閉じる';
background:#666;
color:#fff;
}
.faq dt p , .faq dd p {
text-align:left;
margin-top:0em!important;
margin-left:15px;
width:80%;
}
.faq .notice {
text-align:left!important;
margin-top:5px!important;
}
@media screen and (max-width:979px){
.faq h4{
padding:7px 15px;
font-size:120%;
}
}
@media screen and (max-width:640px){	
.faq strong {	
min-width:3em;
}
.faq dt p , .faq dd p {
width:65%;	
}
}
@media screen and (min-width:980px){
.faq h4{
padding:10px 20px;
font-size:120%;
}	
} .page {
margin-bottom:50px;
}
.page h3 {
display:block;
margin-top:30px;
margin-bottom:10px;
padding-left:20px;
border-left:#444 5px solid;
font-size:20px;
font-weight:700;
}
.page h3:first-child {
margin-top:0!important;
}
.page ul , .page p {
margin-top:15px;
}
.page li {
list-style:circle;
margin-left:1em;
}
.page {
font-size:18px;
font-weight:400;
}
@media screen and (max-width:640px){
.page {
font-size:14px;
font-weight:400;
}		
} .contact h3 {	
display:block;
margin-bottom:20px;
font-size:20px;
font-weight:700;
}
.contact ul {
margin-top:30px;
}
.contact li strong {
display:block;
font-weight:700;
margin-bottom:10px;
}
.contact li span {
display:block;
}
@media screen and (max-width:979px){
.contact li {
margin-bottom:20px;
}
}
@media screen and (min-width:980px){
.contact ul {
display:table;
width:100%;
}
.contact ul li {
display:table-cell;
width:50%;
}
} .wp-block-embed {
margin-bottom:2em!important;
}
.wp-block-embed__wrapper {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;  
}
@media screen and (max-width:979px){
.wp-block-embed {
margin:0!important;
}
} .comingSoon  {text-align:center; padding:10px 0; background:#063A68; margin:0 10px;}
.comingSoon h3 {margin-bottom:15px; font-weight: 900; letter-spacing:.15em; font-style:italic; color:#ffff00;}
.comingSoon h3 strong {font-weight: 900; font-size:160%; font-style:italic;}
.comingSoon p {color:#fff; line-height:1.5!important; text-align:center;}
@media screen and (max-width:979px){
.comingSoon {transform: rotate(-3deg); box-shadow: 4px 8px 4px -4px rgba(0,0,0,0.41);}
.comingSoon h3 { font-size:20px; line-height:1.7;}
}
@media screen and (min-width:980px){
.comingSoon {transform: rotate(-3deg); box-shadow: 4px 8px 4px -4px rgba(0,0,0,0.41);}
.comingSoon h3 {font-size:24px;}
} .dougaLineUp dl { font-family: 'Noto Sans JP', sans-serif; font-size:120%; margin-bottom:30px; font-weight:700;}
.dougaLineUp dd span { position:relative; }
.dougaLineUp dd span::after{ content:''; width:80px; height:56px; background:url(//tabesuke.jp/wp-content/themes/tabesuke/img/parts/y-tube_rd.png) no-repeat; background-size:contain; position:absolute; bottom:10px; right:10px; }
.dougaLineUp dt p {padding:5px; text-align:center; z-index:2; font-size:14px; margin-top:0!important;}
.dougaLineUp a { display:block; margin-bottom:50px;}
@media screen and (min-width:768px){
.dougaLineUp {display:flex; flex-wrap: wrap; align-items: center;}
.dougaLineUp a{width:50%;}
.dougaLineUp a dl {margin:10px;} 
.dougaLineUp dd span{display:flex;}
.switchTxt span::before {content:'クリック';}
}
@media screen and (max-width:767px){
.dougaLineUp dl{width:100%;}
.switchTxt span::before {content:'タップ';}
} .mokuji {position:fixed; top:100px; background:rgba(238, 131, 111, .95); z-index:3; font-family: "M PLUS Rounded 1c", sans-serif; font-weight:700; border-radius:0 0 0 10px; transition:all .5s;}
.mokuji h4 {display:inline-block; padding:1em .5em; background:rgba(238, 131, 111, .95); writing-mode: vertical-rl; position:absolute; top:0; left:-2em; font-size:2rem; border-radius:5px 0 0 5px; color:#fff; cursor:pointer;}
.mokuji > span {display:block; padding:2em; text-align:left; }
.mokuji > span a {position:relative; display:block; padding:.5em 0 .5em 1.5em; border-bottom:rgba(223, 113, 99,1) 1px dashed; color:#fff;}
.mokuji > span a:first-child {border-top:rgba(223, 113, 99,1) 1px dashed;}
.arrow {
position: relative;
display: inline-block;
width: 11.8px;
height: 19.6px;
}
.arrow::before,
.arrow::after {
content: "";
position: absolute;
top: calc(65% - 2px);
right: 1.2em;
width: 12px;
height: 4px;
border-radius: 9999px;
background-color: #fff;
transform-origin: calc(100% - 2px) 50%;
}
.arrow::before {
transform: rotate(45deg);
}
.arrow::after {
transform: rotate(-45deg);
}
.ankerPoint {
display:block;
padding-top: 2em;
margin-top: -2em;
}
.tabesuke-prof {
position:relative;
}
.tabesuke-prof a{
border-top:none!important;		
}
.tabesuke-prof figure{
position:absolute;
bottom:-1em;
right:0;
width:100px;
}
.tabesuke-prof strong {
position:relative;
}
.tabesuke-prof strong::before {
content:'タベスケ公式キャラクター';
position:absolute;
top:-1em;
left:0;
display:block;
font-size:1.1rem;
font-weight:400;
}
@media screen and (max-width:500px){
.tabesuke-prof figure{
right:-2em;	
}
}
@media screen and (max-width:979px){
.mokuji {width:80%; right:0;}
.mokuji.mokujiClose {right:-80%; transition:all .5s;}
}
@media screen and (min-width:980px){
.mokuji {width:40%; right:0;}
.mokuji.mokujiClose {right:-40%; transition:all .5s;}
} .categoryInner {
padding-top:3em;
}
.categoryBox ul li.blogColumn a::after {
position:absolute;
bottom:0;
right:0;
display:inline-block;
padding:.5em;
border-top:rgba(154, 73, 63,.7) 1px dashed;
border-left:rgba(154, 73, 63,.7) 1px dashed;
content:'記事を読む';
font-size:1.2rem; color:rgba(154, 73, 63,1);
}
.categoryBox ul li.blogColumn a dt p {
height:5em;
font-size:1.4rem;
line-height:1.6;
overflow:hidden;
}
@media screen and (max-width:979px){
.categoryBox ul li.blogColumn {
position:relative;
width:100%;
border:rgba(154, 73, 63,.7) 3px solid;
margin-bottom:1em!important;
padding-bottom:0!important;
}
.categoryBox ul li.blogColumn a {
position:relative;
display:block;
padding:.5em;
}
.categoryBox ul li.blogColumn a dl {
display:flex; gap:1em;
}
.categoryBox ul li.blogColumn a dl dd span {
display:block;
width:150px;
height:100px;
background-size:cover!important;
background-position: center;
}
}
@media screen and (min-width:980px){
.categoryBox ul {
display:flex;
width:100%;
flex-wrap:wrap;
gap:5%;
}
.categoryBox ul li.blogColumn {
position:relative;
width:30%;
border:rgba(154, 73, 63,.7) 3px solid;
}
.categoryBox ul li.blogColumn a {
position:relative;
display:block;
padding:.5em .5em 3em;
}
.categoryBox ul li.blogColumn a dl dd {
margin-bottom:.5em;
}
.categoryBox ul li.blogColumn a dl dd span {
display:block;
width:100%;
height:150px;
background-size:120%!important;
background-position: center!important;
transition: all 0.5s ease-out;
}
.categoryBox ul li.blogColumn a:hover dl dd span {
background-size:140%!important;
background-position:center!important;
}	
} .column-ttl {
text-align:center;
font-family:'M PLUS Rounded 1c', sans-serif; font-weight:700;
}
.column-ttl h3 {
text-align:center;
font-size:1.6rem;
margin:0 auto;
}
.column-ttl a {
display:inline-block;
font-size:1.8rem;
font-weight:700!important;
margin:0 auto;
} .recipe {
margin:0 auto;
padding:1em;
background:#f9f9f9;
text-align:left;
border:#eee;
border-radius:5px;
}
.recipe p {
font-size:.9em;
margin-bottom:.3em;
}
.recipe .dishName {
font-size: 2.4rem;
font-weight: bold;
}
.recipe .dishNameItem {
font-size: 1.8rem;
font-weight: bold;
margin: 2em 0 .5em;
border-bottom:#ccc 1px solid;
}
.recipe .ingredient-name {
display:inline-block;
width:18em;
}
.recipe .amount{
position:relative;
}
.recipe .amount::before  {
content: " ･･･ ";
position:absolute;
top:0;
left:-2em;
}
.recipe .setType {
font-weight:bold;
color:rgba(115, 201, 115, 1);
}
.recipe .set-details > span {
display:inline-block;
width:6em;
}
.ingredient-set {
padding-top:.5em;
margin-top:.8em!important;
}
.recipe .set-details span.amount{
width:8em;		
}
.recipe .cuisine > div > p {
padding-left:35px;
}
.recipe .cuisine > div > span {
display:flex;
width:26px;
height:26px;
align-items: center;
justify-content: center;
background:rgba(115, 201, 115, 1);
color:#fff;
position:absolute;
top:0;
left:0;
border-radius:5px;
}
.recipe .cuisine > div {
margin-bottom:1.2em;
position:relative;
}