html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; } html{
scroll-behavior: smooth;
}
body {
background: #F5F5F5;
font-size: 100% !important;
*font-size: 100%;
_font-size: 100%;
line-height:1.8;
font-family: "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
color: #333;
-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;
} em { font-style: italic; }
strong { font-weight: bold; color: #333; }
small { font-size: 80%; } blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } a, a:visited { color: #2c3e50;   outline: 0; text-decoration:none;}
a:hover, a:focus { color: #333; text-decoration: underline;}
p a, p a:visited { line-height: inherit; }   .remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
.columns,
.column {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
} .container                                  { position: relative; width: 1200px; margin: 0 auto; padding: 30px 0; }
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row                                        { display: -webkit-flex; display: flex;} .column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; } .container .one.column,
.container .one.columns                     { width: 55px; }
.container .two.columns                     { width: 120px; }
.container .three.columns                   { width: 205px; }
.container .four.columns                    { width: 280px; }
.container .five.columns                    { width: 355px; }
.container .six.columns                     { width: 430px; }
.container .seven.columns                   { width: 505px; }
.container .eight.columns                   { width: 580px; } .container .nine.columns                    { width: 655px; }
.container .ten.columns                     { width: 730px; }
.container .eleven.columns                  { width: 805px; }
.container .twelve.columns                  { width: 880px; }
.container .thirteen.columns                { width: 955px; }
.container .fourteen.columns                { width: 1040px; }
.container .fifteen.columns                 { width: 1105px; }
.container .sixteen.columns                 { width: 1180px; } .container .one-third.columns               { width: 380px; }
.container .two-thirds.columns              { width: 780px; } .container .offset-by-one                   { padding-left: 75px;  }
.container .offset-by-two                   { padding-left: 140px; }
.container .offset-by-three                 { padding-left: 225px; }
.container .offset-by-four                  { padding-left: 300px; }
.container .offset-by-five                  { padding-left: 375px; }
.container .offset-by-six                   { padding-left: 430px; }
.container .offset-by-seven                 { padding-left: 525px; }
.container .offset-by-eight                 { padding-left: 600px; }
.container .offset-by-nine                  { padding-left: 675px; }
.container .offset-by-ten                   { padding-left: 750px; }
.container .offset-by-eleven                { padding-left: 825px; }
.container .offset-by-twelve                { padding-left: 900px; }
.container .offset-by-thirteen              { padding-left: 975px; }
.container .offset-by-fourteen              { padding-left: 1050px; }
.container .offset-by-fifteen               { padding-left: 1125px; } @media only screen and (min-width: 768px) and (max-width: 959px) { .fullcontainer                              { width: 752px; } .container                                  { width: 752px; }
.container .one.column,
.container .one.columns                     { width: 27px; }
.container .two.columns                     { width: 74px; }
.container .three.columns                   { width: 121px; }
.container .four.columns                    { width: 168px; }
.container .five.columns                    { width: 215px; }
.container .six.columns                     { width: 262px; }
.container .seven.columns                   { width: 309px; }
.container .eight.columns                   { width: 356px; } .container .nine.columns                    { width: 403px; }
.container .ten.columns                     { width: 450px; }
.container .eleven.columns                  { width: 497px; }
.container .twelve.columns                  { width: 544px; }
.container .thirteen.columns                { width: 591px; }
.container .fourteen.columns                { width: 638px; }
.container .fifteen.columns                 { width: 685px; }
.container .sixteen.columns                 { width: 732px; } .container .offset-by-one                   { padding-left: 47px; }
.container .offset-by-two                   { padding-left: 94px; }
.container .offset-by-three                 { padding-left: 141px; }
.container .offset-by-four                  { padding-left: 188px; }
.container .offset-by-five                  { padding-left: 235px; }
.container .offset-by-six                   { padding-left: 282px; }
.container .offset-by-seven                 { padding-left: 329px; }
.container .offset-by-eight                 { padding-left: 376px; }
.container .offset-by-nine                  { padding-left: 423px; }
.container .offset-by-ten                   { padding-left: 470px; }
.container .offset-by-eleven                { padding-left: 517px; }
.container .offset-by-twelve                { padding-left: 564px; }
.container .offset-by-thirteen              { padding-left: 611px; }
.container .offset-by-fourteen              { padding-left: 658px; }
.container .offset-by-fifteen               { padding-left: 705px; }
} @media only screen and (min-width: 960px) and (max-width: 1199px) { .fullcontainer                              { width: 960px; } .container                                  { width: 960px; }
.container .one.column,
.container .one.columns                     { width: 40px;  }
.container .two.columns                     { width: 100px; }
.container .three.columns                   { width: 160px; }
.container .four.columns                    { width: 220px; }
.container .five.columns                    { width: 280px; }
.container .six.columns                     { width: 340px; }
.container .seven.columns                   { width: 400px; }
.container .eight.columns                   { width: 460px; } .container .nine.columns                    { width: 520px; }
.container .ten.columns                     { width: 580px; }
.container .eleven.columns                  { width: 640px; }
.container .twelve.columns                  { width: 700px; }
.container .thirteen.columns                { width: 760px; }
.container .fourteen.columns                { width: 820px; }
.container .fifteen.columns                 { width: 880px; }
.container .sixteen.columns                 { width: 940px; } .container .one-third.columns               { width: 300px; }
.container .two-thirds.columns              { width: 620px; }  .container .offset-by-one                   { padding-left: 60px;  }
.container .offset-by-two                   { padding-left: 120px; }
.container .offset-by-three                 { padding-left: 180px; }
.container .offset-by-four                  { padding-left: 240px; }
.container .offset-by-five                  { padding-left: 300px; }
.container .offset-by-six                   { padding-left: 360px; }
.container .offset-by-seven                 { padding-left: 420px; }
.container .offset-by-eight                 { padding-left: 480px; }
.container .offset-by-nine                  { padding-left: 540px; }
.container .offset-by-ten                   { padding-left: 600px; }
.container .offset-by-eleven                { padding-left: 660px; }
.container .offset-by-twelve                { padding-left: 720px; }
.container .offset-by-thirteen              { padding-left: 780px; }
.container .offset-by-fourteen              { padding-left: 840px; }
.container .offset-by-fifteen               { padding-left: 900px; }
} @media only screen and (max-width: 767px) {
.container                                  { width: 100%; }
.container .columns,
.container .column                          { margin: 0;}
.row                                        { display: block; margin-left: 1%; margin-right: 1%;}
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.columns,
.container .two-thirds.columns{ width: 100%; } .container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven,
.container .offset-by-twelve,
.container .offset-by-thirteen,
.container .offset-by-fourteen,
.container .offset-by-fifteen               { padding-left: 0; }
} @media only screen and (min-width: 480px) and (max-width: 767px) {
.container                                  { width: 100%; }
.container .columns,
.container .column                          { margin: 0; }
.row                                        { display: block; margin-left: 1%; margin-right: 1%;}
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.columns,
.container .two-thirds.columns{ width: 100%; }
}  .container:after                            { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .clearfix:before,
.clearfix:after,
.row:before,
.row:after                                  { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.row:after,
.clearfix:after                             { clear: both; }
.row,
.clearfix                                   { zoom: 1; } .clear                                      { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .center {text-align:center;}
.left {text-align:left;}
.right{text-align:right;}
.red{color:#ff0000;} .sns {padding-top:20px;padding-bottom:10px;text-align:center;}
.sns ul {}
.sns ul li {display:inline-block;margin:0;padding:0 0 10px 0;}
.sns ul li.tw {margin:0;padding:0;line-height:1;}
.sns ul li.fb {margin:0;padding:0;line-height:0.8;} body {
font-family: Avenir, Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
color: #555;
-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 90%;
}
*,
*:before,
*:after {
box-sizing: border-box;
} a {
color: #0a5f85;
text-decoration: none;
}
a:hover {
color: #0a5f85;
text-decoration: underline;
}
a:visited {
color: #0a5f85;
} ul.tri_arrow {
margin: 0 0 0.8em 0;
list-style: none;
list-style-position: outside;
padding: 0px 0px 0px 0px;
}
ul.tri_arrow>li {
position: relative;
margin-bottom: 0em;
padding-left: 1.7em;
}
ul.tri_arrow>li:before {
position: absolute;
content: "";
top: 8px;
left: 0.5em;
box-sizing: border-box;
width: 0.3em;
height: 0.3em;
border: 0.3em solid transparent;
border: 0.3em solid #ffddda;
border-radius: 1em;
}
ul.linum {
border: 0;
margin: 1em 0;
padding: 0;
list-style: none;
counter-reset: number 0;
}
ul.linum li {
position: relative;
padding: 0 0 1em 1.8em;
line-height: 2;
}
ul.linum li:before {
font-size: 80%;
background: #e74c3c;
counter-increment: number 1;
content: counter(number);
line-height: 1.5;
height: 1.5em;
width: 1.5em;
text-align: center;
left: 0.2em;
position: absolute;
top: 0.2em;
border-radius: 10px;
font-weight: bold;
color: #FFF;
}
ul.linum li:after {
content: "";
width: 3px;
background: #ccd5db;
display: block;
position: absolute;
top: 2em;
bottom: 0;
left: 0.7em;
}
ol.num {
list-style-type: decimal;
padding: 0px 0px 0px 20px;
}
ol.num li {
font-size: 95%;
}
ol.num_arrow {
counter-reset: li;
list-style: none;
padding: 0px 10px 10px;
}
ol.num_arrow>li {
position: relative;
margin-bottom: 0.5em;
padding-left: 3.5em;
}
ol.num_arrow>li:before {
position: absolute;
content: "";
top: -2px;
left: 1.8em;
box-sizing: border-box;
width: 0.8em;
height: 0.8em;
border: 0.8em solid transparent;
border-left: 0.8em solid #ffddda;
}
ol.num_arrow>li:after {
content: counter(li) "";
counter-increment: li;
position: absolute;
left: 0;
top: -2px;
width: 1.8em;
height: 1.6em;
font-weight: bold;
line-height: 1.6;
text-align: center;
color: #e74c3c;
background: #ffddda;
}
ol.num_circle {
counter-reset: li;
list-style: none;
padding: 0px 10px 20px;
}
ol.num_circle>li {
position: relative;
margin-bottom: 0.5em;
padding-left: 1.7em;
}
ol.num_circle>li:after {
content: counter(li) "";
counter-increment: li;
position: absolute;
left: 0;
top: 5px;
font-size: 80%;
width: 1.3em;
height: 1.3em;
font-weight: bold;
line-height: 1.3;
text-align: center;
border-radius: 1em;
}
ol.num_circle>li:after {
color: #e74c3c;
border: #e74c3c solid 1px;
}
ul.recipe_time {
display: flex;
list-style: none;
position: relative;
}
ul.recipe_time li {
padding: 0px 5px;
font-size: 80%;
}
ul.recipe_time li::before {
background: #aaa;
font-size: 90%;
padding: 2px 5px;
color: #fff;
border-radius: 3px;
margin: 0 5px 0 0;
font-weight: bold;
}
ul.recipe_time .prep_t::before {
content: "準備時間";
}
ul.recipe_time .prep_t::after {
content: "分";
}
ul.recipe_time .cook_t::before {
content: "調理時間";
}
ul.recipe_time .cook_t::after {
content: "分";
}
ul.recipe_time .yield_t::before {
content: "材料";
}
ul.recipe_time .yield_t::after {
content: "人分";
} .timer {
position: relative;
display: inline-block;
padding: 2px 3px 0 3px;
margin: 0 5px;
border: 1px solid #aaa;
border-width: 1px 1px 1px 1.3em;
border-radius: 0 3px 3px 3px / 0 3px 3px 3px;
font-size: 85%;
line-height: 1.2em;
font-weight: bold;
cursor: pointer;
}
.timer::before {
content: "\f017";
font-family: 'FontAwesome';
position: absolute;
color: #ffffff;
left: -1.1em;
} .timer::after {
line-height: 1em;
content: "タイマー";
font-family: 'FontAwesome';
background: #aaa;
color: #fff;
font-size: 60%;
padding: 0.3em 0.4em;
width: max-content;
text-align: center;
display: inline-block;
position: relative;
top: -1.5em;
font-weight: normal;
left: -2.1em;
position: absolute;
border-radius: 3px 3px 0 0 / 3px 3px 0 0;
}
.post_area em:has(span.timer) {
background: transparent;
} .time_wrap {
font-weight: bold;
position: fixed;
bottom: 30%;
text-align: center;
left: calc(50% - 100px);
display: block;
width: 200px;
height: 200px;
z-index: 1;
}
.time_wrap::before {
content: "キッチンタイマー";
font-size: 80%;
position: absolute;
display: block;
width: fit-content;
white-space: nowrap;
top: 40%;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.time_cont {
position: relative;
}
.time {
font-size: 150%;
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
padding-top: calc(100px - 0.5em);
width: 200px;
height: 200px;
clip-path: circle(100px at 50% 50%);
background-color: #F4E5CC;
background-image: url(//www.activitv.com/contents/wp-content/themes/tv/images/common/timer.svg);
background-position: 50% 50%;
background-size: 170px 170px;
background-repeat: no-repeat;
}
.stop {
cursor: pointer;
position: absolute;
top: 10px;
right: 5px;
padding: 6px 20px;
color: #938469;
background-color: #F4E5CC;
width: 50px;
height: 50px;
clip-path: circle(25px at 50% 50%);
z-index: -1;
}
@keyframes bgColorFade {
0%,
100% {
background-color: #F4E5CC;
}
50% {
background-color: #e74c3c;
}
}
.time.animate-bg,
.time.animate-bg::before,
.time.animate-bg+.stop {
animation: bgColorFade 2s infinite;
} .more_recipe_wrap a {
text-decoration: none;
font-size: 70%;
white-space: nowrap;
word-wrap: normal;
display: inline-block;
margin-right: 0.3em;
border: 1px solid #0a5f85;
padding: 0.3em 0.9em 0.1em;
border-radius: 5px;
font-weight: bold;
margin: 0 0.7em 1em 0;
} .cp_breadcrumb *,
.cp_breadcrumb *:after,
.cp_breadcrumb *:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_breadcrumb {
overflow: hidden;
width: 100%;
margin: 1em auto;
padding: 0;
list-style: none;
}
.cp_breadcrumb li {
display: inline-block;
padding: 0;
margin: 0 0 0.5em 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.cp_breadcrumb a {
position: relative;
display: inline-block;
margin: 0;
padding: 0.1em 1em 0.1em 1em;
text-decoration: none;
color: #ffffff;
background-color: #e41d64;
}
.cp_breadcrumb li:first-child a {
padding-left: 1em;
border-radius: 5px 0 0 5px;
}
.cp_breadcrumb a::after,
.cp_breadcrumb a::before {
position: absolute;
top: 50%;
right: -0.3em;
margin-top: -0.48em;
content: '';
border-top: 0.48em solid transparent;
border-bottom: 0.48em solid transparent;
border-left: 0.5em solid;
}
.cp_breadcrumb a::after {
z-index: 2;
border-left-color: #e41d64;
}
.cp_breadcrumb a::before {
z-index: 1;
right: -0.5em;
border-left-color: #ffffff;
}
.cp_breadcrumb li:nth-child(2) a {
background: #F06292;
}
.cp_breadcrumb li:nth-child(2) a:after {
border-left-color: #F06292;
}
.cp_breadcrumb li:nth-child(3) a {
background: #F48FB1;
}
.cp_breadcrumb li:nth-child(3) a:after {
border-left-color: #F48FB1;
}
.cp_breadcrumb li:nth-child(4) a {
background: #F48FB1;
}
.cp_breadcrumb li:nth-child(4) a:after {
border-left-color: #F48FB1;
}
.cp_breadcrumb li:nth-child(5) a {
background: #F8BBD0;
}
.cp_breadcrumb li:nth-child(5) a:after {
border-left-color: #F8BBD0;
}
.cp_breadcrumb li:last-child a {
cursor: default;
pointer-events: none;
color: #e41d64;
background: #f7d7e2;
border-radius: 0 5px 5px 0;
}
.cp_breadcrumb li:last-child a:hover {
background: none;
}
.cp_breadcrumb li:last-child a::before,
.cp_breadcrumb li:last-child a::after {
content: normal;
}
#nav-drawer {
position: relative;
} .nav-unshown {
display: none;
} #nav-open {
display: inline-block;
width: 30px;
height: 22px;
vertical-align: middle;
} #nav-open span,
#nav-open span:before,
#nav-open span:after {
position: absolute;
height: 3px; width: 25px; border-radius: 3px;
background: #555;
display: block;
content: '';
cursor: pointer;
}
#nav-open span:before {
bottom: -8px;
}
#nav-open span:after {
bottom: -16px;
} #nav-close {
display: none; position: fixed;
z-index: 99;
top: 0; left: 0;
width: 100%;
height: 100%;
background: black;
opacity: 0;
transition: .3s ease-in-out;
} #nav-content {
overflow: auto;
position: fixed;
top: 0;
left: 0;
z-index: 9999; width: 90%; max-width: 330px; height: 100%;
background: #fff; transition: .3s ease-in-out; -webkit-transform: translateX(-105%);
transform: translateX(-105%); }
#nav-content ul li {
padding: 10px 10px 8px;
border-bottom: 1px solid #ccc;
} #nav-input:checked~#nav-close {
display: block; opacity: .5;
}
#nav-input:checked~#nav-content {
-webkit-transform: translateX(0%);
transform: translateX(0%); box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
}
header {
background: #fff;
padding: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
header .logo {
text-align: center;
}
footer {
background: #202020;
color: #fff;
}
footer a,
footer a:hover,
footer a:visited {
color: #fff;
}
footer .footer_widget {
padding: 15px;
}
#toPagetop {
clear: both;
margin: 0 auto;
width: 100%;
padding: 0 20px 0 0;
text-align: right;
line-height: 1;
}
#toPagetop a {
background: #202020;
color: #fff;
line-height: 1;
padding: 5px 15px 5px;
}
.form_wrap {
background: #EEEEEE;
padding: 0 0 10px 5%;
}
.searchfield {
font-size: 14px;
width: 75%;
margin-top: 10px;
margin-right: 3px;
margin-left: 5px;
padding: 7px 5px;
border: 2px solid #ddd;
border-radius: 3px;
}
.searchsubmit {
font-family: FontAwesome;
font-size: 1.4em;
padding: 0;
cursor: pointer;
color: #255fac;
border: none;
background: transparent;
}
.searchsubmit:hover {
opacity: .6;
} .list-article.category-article h2 {
text-align: center;
font-size: 120%;
margin: 0 0 20px;
}
.list-article.category-article h3 {
text-align: center;
font-size: 110%;
margin: 0 0 10px;
}
.list-article .list_wrap {
width: 100%;
}
.list-article .list_wrap h2 {
font-size: 100%;
text-align: left;
position: relative;
padding: 15px 10px;
background: #fff;
width: 100%;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
margin: 0 0 20px 0;
border-left: 3px solid #e74c3c;
}
.list-article .list_wrap h2::after {
position: absolute;
top: 0;
left: 0;
content: '';
width: 0;
border-width: 16px 16px 0 0;
border-style: solid;
border-color: #e74c3c #FFF #FFF #e74c3c;
} .cat_card_container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-bottom: 30px;
}
.cat_card_container.single-item {
display: flex;
justify-content: center;
max-width: 50%;
margin: 0 auto 30px auto;
}
.cat_card_item {
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 8px;
overflow: hidden;
transition: box-shadow 0.3s ease, transform 0.2s ease;
text-decoration: none;
color: inherit;
display: block;
}
.cat_card_item:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
text-decoration: none;
color: inherit;
}
.cat_card_item img {
width: 100%;
height: auto;
aspect-ratio: 1600 / 837;
object-fit: cover;
display: block;
}
.cat_card_image {
width: 100%;
height: auto;
aspect-ratio: 1600 / 837;
object-fit: cover;
background-color: #f5f5f5;
}
.cat_card_content {
padding: 15px;
}
.cat_card_item h2.cat_card_title {
margin: 0;
font-size: 0.9em;
line-height: 1.4;
color: #333;
font-weight: 600;
text-align: left;
}
.cat_card_item:hover h2.cat_card_title {
color: #0066cc;
} .page-content {
background: #fff;
padding: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.navigation {
text-align: center;
margin: 0 0 20px;
} .single-article {
margin: 0 0 20px;
}
.single-article .entry-title {
background: #fff;
padding: 0;
border-bottom: 3px solid #e41d64;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
margin: 0 0 20px 0;
}
.single-article h2 {
font-size: 110%;
margin: 0 0 0.5em 0;
padding: 10px 10px 0;
}
.single-article .entry-info {
display: flex;
justify-content: space-between;
font-size: 80%;
background: #f1f1f1;
padding: 3px 15px 1px; }
.single-article .entry-info a { text-decoration: underline;
} .single-article .eyecatch {
width: 100%;
height: auto; margin: 0 0 20px 0;
position: relative;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
text-align: center;
}
.single-article .eyecatch .eyecatch_img {
width: 100%;
padding: 5px;
background: #ffffff;
border: #e41d64 solid 1px;
}
.single-article .eyecatch .eyecatch_img_none {
width: 100%;
padding: 0px;
background: transparent;
border: none;
line-height: 0;
}
.single-article .eyecatch .eyecatch_img img,.single-article .eyecatch .eyecatch_img_none img {
width: 100%;
height: auto; }
.single-article .eyecatch .eyecatch_img a.eyecatch_down {
color: #fff;
background-color: #e41d64;
font-weight: bold;
font-size: 90%;
padding: 5px 10px;
border-radius: 5px;
text-decoration: none;
box-shadow: 0 2px 0 #B01048;
margin: 7px 1px 10px;
display: inline-block;
}
.single-article .eyecatch .eyecatch_img a.eyecatch_down:hover {
background-color: #C10A4A;
}
.single-article .eyecatch .eyecatch_img a.eyecatch_down::before {
content: "\f019";
font-family: FontAwesome;
color: #fff;
display: inline-block;
padding: 0px 0.5em 0px 0px;
}
.single-article .eyecatch p.eyecatch_down_ttl {
text-align: center;
background: #e41d64;
color: #fff;
font-weight: bold;
border-radius: 5px 5px 0 0;
padding: 7px 10px 5px;
font-size: 100%;
}
.single-article .eyecatch .eyecatch_defo img{
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
vertical-align: top;
}
.single-article .eyecatch .eyecatch_defo p{
position: absolute;
bottom: 0;
right: 0;
margin: 0;
font-size: 80%;
padding: 2px 10px;
color: rgba(255, 255, 255, 0.5);
background: rgba(0, 0, 0, 0.3);
}
.single-article div.cont_mov {
width: 100%;
text-align: center;
margin: auto;
padding: 4% 4% 4% 4%;
background: #f1f1f1;
}
.single-article video.responsive-video {
width: 100%;
max-width: 400px;
} .entry-content {
width: 100%;
line-height: 1.6;
background: #fff;
padding: 1.5em 10px 1em;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
margin: 0 0 0.8em 0;
line-height: 1.5;
font-weight: bold;
}
.entry-content h3 {
padding: 2px 0px 4px 5px;
font-size: 110%;
line-height: 1.2;
margin: 0px 0px 20px;
letter-spacing: 2px;
border-bottom: #e41d64 solid 1px;
}
.entry-content h3:before {
content: "\f046  ";
font-family: FontAwesome;
color: #e41d64;
}
.mokuji_wrap h3:before {
content: "";
font-family: FontAwesome;
}
.entry-content h4 {
margin: 0px 0px 17px 0px;
padding: 8px 12px 7px;
border: 1px solid white;
color: #e74c3c;
background: #f7f7f7;
outline: solid 1px #eee;
}
.entry-content h4:before {
content: "\f054    ";
font-family: FontAwesome;
color: #ccc;
}
.entry-content h5 {
font-size: 90%;
position: relative;
margin-bottom: 0.5em;
padding-left: 0.6em;
color: #e74c3c;
}
.entry-content h5:before {
position: absolute;
content: "";
top: 2px;
left: 0em;
box-sizing: border-box;
width: 0.5em;
height: 0.5em;
border: 0.5em solid transparent;
border-left: 0.5em solid #e74c3c;
}
.entry-content h6 {
font-size: 100%;
}
.entry-content p {
margin: 0 0 0.5em 0;
line-height: 1.8; padding: 5px 0px;
}
.entry-content img {
max-width: 100%;
height: auto;
} .side_bar li.widget {
background: #fff;
padding: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
margin: 0 0 20px 0;
} .entry-content iframe,
.entry-content iframe {
vertical-align: top;
margin: 0 0 10px;
width: 100%;
}
.embed-youtube {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.entry-content table {
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 1em;
}
.entry-content table img {
max-width: none;
}
.entry-content table th,
.entry-content table td {
border: 1px solid #ddd;
padding: 6px 8px;
}
.entry-content table th {
background: #f5f5f5;
}
.entry-content blockquote {
border: 1px solid #dddddd;
margin: 0 0 10px;
padding: 20px;
}
.entry-content blockquote p {
margin-top: 0;
margin-bottom: 0;
}
.entry-content pre {
border: none;
margin: 0 0 10px;
padding: 10px;
white-space: pre;
display: inline-block;
font-size: 75%;
line-height: 1.4;
background-color: #f9fafb;
white-space: pre-wrap;
}
.entry-content pre>code {
margin: 0;
padding: 0;
white-space: pre;
border: 0;
font-size: 100%;
background: transparent;
white-space: pre-wrap;
font-family: 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif;
}
.entry-content code {
display: inline-block;
font-size: 100%;
margin: 0 2px;
padding: 10px;
border: none;
font-family: 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif;
line-height: 1.7;
}
.entry-content .hatena-asin-detail li {
line-height: 1.4;
} .entry-content .txt_small {
font-size: 80%;
}
.entry-content .red {
color: #E91E63;
}
.entry-content .blue {
color: #3F51B5;
}
.entry-content .orange {
color: #e74c3c;
} .post_area {
padding: 0 10px 30px;
content-visibility: auto;
contain-intrinsic-size: 500px;
}
.post_area h5 {
margin: 0 0 0.5em 0;
}
.post_area p {
margin: 0 0 0.5em 0;
}
.post_area p.rec {
display: inline-block;
background-color: #bbb;
color: #fff;
padding: 0.5em 1em;
font-weight: bold;
font-size: 70%;
border-radius: 5px;
line-height: 1
}
.goto {
display: inline-block;
background-color: #e41d64;
color: #fff;
padding: 0.4em 0.5em 0.2em;
margin: 0 0.5em 0 0;
font-weight: bold;
font-size: 70%;
border-radius: 5px;
line-height: 1.4;
vertical-align: 0.2em;
}
.post_area em {
background: linear-gradient(transparent 35%, #CCF7F2 35% 66%, transparent 66%);
font-style: normal;
font-weight:bold;
}
.post_area small {
font-size: 80%;
display: inline-block;
position: relative;
background: #fcf1f0;
border-radius: 5px;
padding: 0.3em 1em 0.3em 0.7em;
margin: 4px 0 6px 0;
border-left: solid 2.5em #fad3cf;
border-top: solid 1px #fad3cf;
border-right: solid 1px #fad3cf;
border-bottom: solid 1px #fad3cf;
line-height: 1.3;
}
.post_area small:before {
content: "\f27a";
font-family: FontAwesome;
position: absolute;
padding: 0em;
color: white;
font-weight: 900;
left: -1.7em;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
} .post_ph_l img,
.post_ph_r img {
width: 100%;
height: auto;
}
.post_ph_l .tabelog img {
width: auto;
height: auto;
}
.post_ph_l {
clear: both;
float: left;
width: 33%;
}
.post_txt_r {
float: right;
width: 66%;
}
.post_ph_r {
clear: both;
float: right;
width: 33%;
}
.post_txt_l {
float: left;
width: 66%;
} .insta_wrap {
padding: 0 0 30px;
}
.post_ph {
width: 50%;
padding: 0px 10px;
float: left;
}
.insta_offi {
font-size: 70%;
}
.post_txt_r h5,
.post_txt_l h5 {
margin-bottom: 0.3em;
}
.post_txt_r table,
.post_txt_l table {
width: 100%;
font-size: 85%;
}
.post_txt_r table th,
.post_txt_l table th {
background-color: #f1f1f1;
width: 4em;
}
.copy_t {
font-size: 70%;
text-align: center;
margin: 0;
padding: 0;
color: #bbb;
} .post_half {
float: left;
width: 45%;
width: -webkit-calc(50% - 20px);
width: calc(50% - 20px);
padding: 0 10px 20px;
} .post_one_third {
padding: 0 10px 20px;
width: 206px;
width: -webkit-calc(33% - 20px);
width: calc(33% - 20px);
float: left;
text-align: center;
font-size: 80%;
}
.post_one_third img {
width: 100%;
height: auto;
}
.cont_end {
margin: 20px 0px 60px 0px;
}
.entry-content table td.coupon {
text-align: center;
}
.coupon a {
background: #C53727;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: inline-block;
padding: 4px 20px 1px;
text-align: center;
text-decoration: none;
font-weight: 800;
font-size: 90%;
color: #fff !important;
margin: 5px 0px;
transition: all 0.5s;
}
.coupon a:hover {
background: #9a2b1e;
}
.entry-content p.up_date {
padding: 0;
}  .page-id-26462 .mokuji {
display: none;
}
.mokuji h4 {
position: relative;
padding: 0.4em 0.5em 0.2em;
font-weight: bold;
background: #f1f1f1;
margin: 0;
}
.entry-content h4:before {
content: "";
}
.mokuji h4 span {
display: inline-block;
background: #e74c3c;
color: #fff;
border-radius: 1em;
font-size: 95%;
width: 1.3em;
height: 1.3em;
text-align: center;
margin: 0 5px 0 0;
padding: 0px 0px 0px 0px;
}
.mokuji .mokujiInner {
border: 1px solid #f1f1f1;
border-top: none;
margin: 0 0 2em 0;
padding: 1em 0.3em;
font-size: 85%;
}
.mokuji ol {
padding: 0;
margin: 0;
}
.mokuji li {
overflow: hidden;
position: relative;
cursor: pointer;
width: 100%;
height: 100%;
list-style: none;
font-size: 100%;
padding-bottom: 0.7em;
}
.mokuji ol ol li {
padding-left: 1.6em;
padding-bottom: 0.7em;
}
.mokuji ol ol ol li {
padding-left: 2.6em;
padding-bottom: 0.7em;
}
.mokuji li a {
display: block;
padding: 0.3em 1em;
line-height: 1.5;
text-decoration: none;
font-weight: bold;
}
.mokuji ol li a:before {
content: "\f0da    ";
font-family: FontAwesome;
}
.mokuji ol ol li a,
.mokuji ol ol li a {
line-height: 1.5;
padding: 0;
font-weight: normal;
}
.mokuji ol ol li a:before,
.mokuji ol ol ol li a:before {
content: "";
}
.mokuji .other-title {
display: block;
padding: 0.3em 1em 1em;
line-height: 1.5;
text-decoration: none;
font-weight: bold;
color: #e74c3c;
}
.entry-content p.shop_caution {
font-size: 80%;
border: 2px dotted #e74c3c;
background-color: #fffafa;
border-radius: 5px;
padding: 10px 10px;
margin: 10px 10px;
}
.entry-content p.shop_caution strong {
color: #e74c3c;
} p.act {
font-size: 80%;
display: inline-block;
position: relative;
background: #f3f3f3;
border-radius: 5px;
padding: 0.3em 1em 0.3em 0.7em;
margin: 8px 0 0 0;
border-left: solid 4em #d3d3d3;
border-top: solid 1px #d3d3d3;
border-right: solid 1px #d3d3d3;
border-bottom: solid 1px #d3d3d3;
line-height: 1.3;
}
p.act:after {
content: "\f007";
font-family: FontAwesome;
position: absolute;
padding: 0em;
color: white;
font-weight: 900;
left: -3.4em;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
p.act:before {
content: "出演";
position: absolute;
padding: 0em;
color: white;
font-weight: 900;
left: -2.5em;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
} .check_point,
.check_menu {
position: relative;
margin: 40px 0 30px;
padding: 25px 20px 15px 40px;
border: 2px dotted #e74c3c;
background-color: #fffafa;
border-radius: 5px;
}
.check_menu {
border: 2px dotted #7e5719; background-color: transparent;
}
.check_point:before,
.check_menu:before {
position: absolute;
top: -15px;
left: 17px;
padding: 4px 10px 0 30px;
content: "チェックポイント！";
background-color: #fcfcfc;
border-radius: 5px;
color: #e74c3c;
height: 30px;
font-size: 90%;
font-weight: bold;
line-height: 20px;
border: #e74c3c solid 2px;
}
.check_menu:before {
content: "番組で紹介されたメニュー";
border: #7e5719 solid 2px;
color: #7e5719;
}
.check_point:after,
.check_menu:after {
position: absolute;
padding: 3px 0px 0px 0px;
top: -15px;
left: 10px;
width: 30px;
height: 30px;
background-color: #e74c3c;
border-radius: 5px 0 0 5px;
line-height: 25px;
text-align: center;
font-size: 18px;
content: "\f164 ";
font-family: FontAwesome;
color: #fff;
}
.check_menu:after {
content: "\f0f5 ";
background-color: #7e5719;
}
.check_point li,
.check_menu li {
list-style-type: none;
position: relative;
}
.check_point li:before,
.check_menu li:before {
position: absolute;
left: -25px;
top: 0px;
content: "\f138 ";
font-family: FontAwesome;
color: #bbb;
}
a.gourmet {
background: #ffaa00;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: inline-block;
padding: 4px 20px 1px;
text-align: center;
text-decoration: none;
font-weight: 800;
font-size: 90%;
color: #fff !important;
width: 100%;
margin: 0px 0px 5px 0px;
transition: all 0.5s;
box-shadow: 0px 5px 0px rgba(225, 150, 0, 1);
}
a.gourmet:hover {
background: #e19600;
}
.tabe_wrap a,
.gnavi_wrap a,
.yd_wrap a,
.ik_wrap a {
position: relative;
background: #ffaa00;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: inline-block;
padding: 4px 20px 1px;
text-align: center;
text-decoration: none;
font-weight: 800;
font-size: 90%;
color: #fff !important;
width: 100%;
margin: 0px 0px 10px 0px;
transition: all 0.5s;
box-shadow: 0px 5px 0px rgba(225, 150, 0, 1);
}
.tabe_wrap a:hover,
.gnavi_wrap a:hover,
.yd_wrap a:hover,
.ik_wrap a:hover {
background: #e19600;
}
.tabe_wrap a::before,
.gnavi_wrap a::before,
.yd_wrap a::before,
.ik_wrap a::before {
position: absolute;
content: 'PR';
top: 0;
right: 0;
color: white;
padding: 0.4em 0.7em 0.2em;
font-size: 60%;
font-weight: bold;
background: #e19600;
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
}
.post_ph_l .tabe_wrap img,
.gnavi_wrap a img,
.yd_wrap a img,
.ik_wrap a img {
width: auto;
} .buyflow {
border: #ddd solid 1px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px;
padding: 10px 0;
margin: 0px 10px 50px;
position: relative;
}
.buyflow .number_label {
font-size: 160%;
font-weight: bold;
position: absolute;
left: 0;
top: 0;
color: #fff;
background: #e91e63;
display: inline-block;
width: 1.3em;
height: 1.3em;
border-radius: 50%;
text-align: center;
margin: -15px 0px 0px -5px;
line-height: 1.4;
}
.buyflow .post_area {
padding: 0;
margin: 0 10px;
}
.buyflow .post_txt_r {
width: 440px;
}
.buyflow .post_txt_r h4 {
color: #e91e63;
}
.buyflow .post_txt_r p {
font-size: 85%;
line-height: 1.3;
}
.buyflow .tri_arrow li {
font-size: 85%;
}
.buyflow .post_txt_r .buyflow_btn {
text-align: right;
}
.buyflow .post_txt_r .buyflow_btn a {
font-weight: bold;
line-height: 1;
margin: 8px 0 0 10px;
padding: 15px 16px 11px;
color: #eee;
background-color: #009688;
font-size: 87.5%;
text-align: center;
text-decoration: none;
border-radius: 3px;
display: inline-block;
transition: all 0.5s;
}
.buyflow .post_txt_r .buyflow_btn a:hover {
color: #eee;
background-color: #00796B;
}
.buyflow .post_txt_r .buyflow_btn a:after {
content: " ►►";
} .recipe>p {
-webkit-text-size-adjust: 100%;
background: linear-gradient(#ccc 1px, transparent 1px) #fffbf2;
background-size: auto 2.5em;
line-height: 2.5em;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 0 1em;
margin-bottom: 1em;
}
.recipe>h5 {
display: flex;
align-items: center;
text-align: center;
padding: 1em 0 0.5em;
font-size: 120%;
color: #e41d64;
}
.recipe>h5::before,
.recipe>h5::after {
content: "";
height: auto;
flex-grow: 1;
border: 1px;
border-bottom: 1px solid #aaa;
border-left: none;
position: static;
}
.recipe>h5::before {
margin-right: 10px;
padding-left: 15px;
}
.recipe>h5::after {
margin-left: 10px;
padding-right: 15px;
}
.recipe_tools {
text-align: right;
margin: 0 0 15px 0;
}
.recipe_tools a {
color: #fff;
background-color: #e41d64;
font-weight: bold;
font-size: 70%;
padding: 5px 10px;
border-radius: 5px;
text-decoration: none;
box-shadow: 0 2px 0 #B01048;
margin: 0 1px;
}
.recipe_tools a:hover {
background-color: #C10A4A;
}
.recipe_tools a::before {
content: "\f02f";
font-family: FontAwesome;
color: #fff;
display: inline-block;
padding: 0px 0.5em 0px 0px;
}
.recipe_tools a.recipe_down::before {
content: "\f019";
}
.r-list a {
display: flex;
font-size: 85%;
width: 100%;
column-gap: 1em;
margin: 0 0 1em 0;
color: #555;
}
.r-list a:hover {
text-decoration: none;
}
.r-list img {
max-width: 200px;
align-self: flex-start;
margin: 0 0 1em 0;
}
.r-list h5 {
font-size: 110%;
}
.r-list .r-list-txt {
width: auto;
margin: 0 0 1em 0;
}
.r-list .r-list-cont {}
.r-list .r-list-mat {
font-size: 80%;
display: inline-block;
position: relative;
background: #fff;
border-radius: 5px;
padding: 0.3em 1em 0.3em 0.7em;
margin: 8px 0 10px 0;
border-left: solid 3.2em #aaa;
border-top: solid 1px #aaa;
border-right: solid 1px #aaa;
border-bottom: solid 1px #aaa;
line-height: 1.3;
}
.r-list .r-list-mat:before {
content: "材料";
font-family: FontAwesome;
position: absolute;
padding: 0em;
color: white;
font-weight: 900;
left: -2.5em;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.r-list .r-list-btn {
font-size: 95%;
padding: 0 0 1em 0;
text-align: right;
color: #0a5f85;
} .img_link {
text-align: center;
padding: 50px 0px;
background-color: #f9f9f9;
margin: 20px 0px 20px 0px;
position: relative;
}
.img_link .mid_ad {
position: absolute;
font-size: 80%;
top: 0;
right: 0;
background: #eee;
padding: 3px 4px;
cursor: pointer;
cursor: hand;
color: #aaa;
}
.img_link a img {
border: #f9f9f9 solid 3px;
}
.img_link a img:hover {
border: #13a0b8 solid 3px;
} .now_writing {
position: fixed;
left: 0;
top: 0px;
background-color: #e74c3c;
width: 100%;
color: #fff;
text-align: center;
cursor: pointer;
cursor: hand;
z-index: 9999;
}
.now_writing p {
line-height: 1.3;
margin: 0;
padding: 10px 0 7px;
font-weight: bold;
}
.blink_class {
-webkit-animation: blink 1.0s step-end infinite alternate;
-moz-animation: blink 1.0s step-end infinite alternate;
animation: blink 1.0s step-end infinite alternate;
}
@-webkit-keyframes blink {
34%,
66%,
100% {
opacity: 0;
}
0%,
33%,
67%,
99% {
opacity: 1;
}
}
@-moz-keyframes blink {
34%,
66%,
100% {
opacity: 0;
}
0%,
33%,
67%,
99% {
opacity: 1;
}
}
@keyframes blink {
34%,
66%,
100% {
opacity: 0;
}
0%,
33%,
67%,
99% {
opacity: 1;
}
} .similar {
list-style: none;
padding: 0;
font-size: 80%;
}
.similar li {
padding: 5px 0 5px;
margin: 5px 0px 10px 0px;
border-bottom: 1px solid #ddd;
}
.similar li:last-child {
border-bottom: none;
}
.similar_l {
width: 25%;
float: left;
}
.similar_r {
width: 72%;
float: right;
}
.similar a {
color: #555;
}
.similar a:hover {
color: #919191;
text-decoration: none;
}
.similar_l img {
width: 100%;
height: auto;
}
.widgets-list-layout .widgets-list-layout-blavatar {
max-width: none !important;
} .hatenablogcard {
clear: both;
width: 100%;
height: 155px;
margin: 10px 0;
max-width: 680px;
} .ogp_card {
display: block;
position: relative;
color: rgb(85, 85, 85);
width: 100%;
border-radius: 3px;
border: 1px solid #DDDDDD;
margin: 10px 0 25px 0;
padding: 10px;
font-size: 75%;
line-height: 17px;
}
.bc_ikkyu .title::before,
.bc_hotb .title::before,
.bc_hotg .title::before,
.bc_trip .title::before,
.bc_jalan .title::before,
.bc_yd .title::before {
position: absolute;
content: 'PR';
top: 0;
right: 0;
color: white;
padding: 0.3em 0.7em;
line-height: 1.3em;
font-size: 60%;
font-weight: bold;
background: #ccc;
border-bottom-left-radius: 5px;
}
.ogp_card .title {
margin: 3px 0 5px 0;
font-weight: bold;
font-size: 16px;
color: rgb(85, 85, 85);
text-decoration: none;
}
.ogp_card .copy {
padding: 0;
margin: 10px 0 0 0;
}
.ogp_card p,
.html_card p {
padding: 0 0 5px 0;
}
.ogp_card .copy a {
font-size: 70%;
font-weight: normal;
color: #9AA5AB;
}
.ogp_card img {
float: right;
width: 120px;
height: auto;
margin: 0 0 10px 10px;
}
.ogp_card .clearfix {
clear: both;
}
.ogp_card .card_bt a img,
.ogp_card .title a img {
width: 1px;
height: 1px;
} .wp-pagenavi {
clear: both;
text-align: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
color: #999;
background-color: #FFF;
border: solid 1px #e0e0d2;
padding: 8px 15px !important;
margin: 0 2px;
white-space: nowrap;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-align: center;
text-decoration: none;
}
.wp-pagenavi a:hover {
color: #FFF;
background-color: #999;
border-color: #999;
}
.wp-pagenavi span.current {
color: #FFF;
background-color: #66cccc;
border-color: #66cccc !important;
font-weight: bold;
}
.page-profile {
margin: 3em 0 1em 0;
border-radius: 8px;
box-shadow: 0 0 0 10px #FFFBF3;
padding: 20px 20px 20px 20px;
background-color: #FFFBF3;
background-image:
linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #FFFBF3 0%, #FFFBF3 100%), linear-gradient(180deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 95%, #E7CB9B 100%);
background-size: 8px 100%, 100% 2em;
line-height: 2;
color: #555;
font-weight: bold;
}
.page-profile {
margin: 0;
padding: 0;
}
.page-profile h3 {
text-align: center;
margin: 0;
padding: 0;
}
.page-profile-img {
text-align: center;
margin: 10px 10px 30px;
}
.page-profile-img img {
width: 150px;
height: auto;
border-radius: 50%;
}
.entry-content .single-profile-h3 {
padding: 8px 10px 5px;
font-size: 110%;
line-height: 1.2;
margin: 0px;
letter-spacing: 2px;
border: #e41d64 solid 1px;
background-color: #e41d64;
border-radius: 5px 5px 0 0;
color: #fff;
}
.entry-content .single-profile-h3:before {
content: "";
}
.single-profile {
padding: 20px 10px 10px;
margin: 0 0 20px 0;
display: flex;
align-items: flex-start;
gap: 20px;
border: #e41d64 solid 1px;
}
.single-profile img {
width: 120px;
height: auto;
border-radius: 50%;
display: block;
}
.single-profile h4 {
margin: 0px 0px 0px 0px;
padding: 0 0 0px;
border: none;
color: #e41d64;
background: none;
outline: none;
font-size: 110%;
font-weight: bold;
}
.single-profile h4 a,
.single-profile h4 a:visited {
color: #e41d64;
}
@media only screen and (max-width: 767px) {
.ogp_card img {
width: 100%;
height: auto;
margin: 0 0 20px;
}
} .html_card {
display: block;
color: rgb(85, 85, 85);
width: 100%;
border-radius: 3px;
border: 1px solid #DDDDDD;
margin: 10px 0 25px 0;
padding: 10px;
font-size: 75%;
line-height: 17px;
}
.html_card .title {
margin: 3px 0 5px 0;
font-weight: bold;
font-size: 16px;
color: rgb(85, 85, 85);
text-decoration: none;
}
.html_card .copy {
padding: 0;
margin: 10px 0 0 0;
font-size: 70%;
font-weight: normal;
color: #9AA5AB;
}
.card_bt {
text-align: right;
color: #0194d6;
}
.card_bt a:after {
content: "    \f101";
font-family: FontAwesome;
color: #fff;
display: inline-block;
padding: 0px 0px 0px 10px;
}
.card_link:hover {
text-decoration: none;
color: #9AA5AB;
}
.card_bt a {
position: relative;
background: #ffaa00;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: inline-block;
padding: 4px 20px 1px;
text-align: center;
text-decoration: none;
font-weight: 800;
font-size: 90%;
color: #fff !important;
margin: 5px 0px;
transition: all 0.5s;
box-shadow: 0px 3px 0px rgba(225, 150, 0, 1);
}
.card_bt a:hover {
background: #e19600;
} .bc_guru {
position: relative;
padding: 20px 15px 0;
border: #ffaa00 solid 2px;
background-color: #fefaf2;
}
.bc_guru:before {
position: absolute;
top: -15px;
left: 17px;
padding: 4px 10px 0 30px;
content: "メニュー･ネット予約情報をみる";
background-color: #fcfcfc;
border-radius: 5px;
color: #ce8900;
height: 30px;
font-size: 110%;
font-weight: bold;
line-height: 20px;
border: #ffaa00 solid 2px;
}
.bc_guru:after {
position: absolute;
padding: 3px 0px 0px 0px;
top: -15px;
left: 10px;
width: 30px;
height: 30px;
background-color: #ffaa00;
border-radius: 5px 0 0 5px;
line-height: 25px;
text-align: center;
font-size: 18px;
content: "\f0f3 ";
font-family: FontAwesome;
color: #fff;
}
.bc_yd {
position: relative;
padding: 20px 15px 0;
border: #ff0033 solid 2px;
background-color: #fff8f9;
}  .cont_campaign {
margin: 0;
padding: 20px 0px 30px;
}
.cont_campaign1,
.cont_campaign2 {
float: left;
width: 50%;
height: 290px;
margin: 0;
padding: 0px 0px;
text-align: center;
} .entry-content h3.ikyu_h3 {
margin-bottom: 10px;
}
.entry-content .ikyu_right {
text-align: right;
font-size: 75%;
padding: 0 20px;
}
.ikyu_shop {
background: #4f3208;
padding: 10px;
color: #fff;
margin: 0 0 10px 0;
}
.ikyu_shop a {
color: #fff;
}
.ikyu_shop a:hover {
color: #fff;
}
.ikyu_shop p {
margin: 0 0 5px 0;
padding: 0;
line-height: 1.2;
}
.ikyu_shop .post_ph_l {
clear: both;
float: left;
width: calc(33% - 10px);
}
.ikyu_shop .post_txt_r {
float: right;
width: calc(67% - 10px);
}
.ikyu_shop .post_ph_l img {
width: 0;
height: 0;
}
.ikyu_shop .post_ph_l .ikyu_img {
width: 100%;
height: auto;
}
.ikyu_shop .s_title {
border-bottom: 1px solid #fff;
line-height: 1.2;
font-weight: bold;
padding: 0 0 0 0;
}
.ikyu_shop .s_title span {
background: #fff;
display: inline-block;
color: #342105;
font-size: 60%;
padding: 3px 6px 1px;
line-height: 1;
border-radius: 3px;
margin: 0 0 4px 0;
}
.ikyu_shop .star {
text-align: right;
font-size: 80%;
margin: 0 0 10px 0;
}
.ikyu_shop .s_txt {
font-size: 80%;
line-height: 1.4;
margin: 0 0 1em 0;
}
.entry-content .ikyu_shop table {
color: #fff;
font-size: 80%;
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 1em;
}
.ikyu_shop table img {
max-width: none;
}
.entry-content .ikyu_shop table th,
.entry-content .ikyu_shop table td {
border: 1px solid #342105;
padding: 4px 6px;
font-weight: normal;
}
.entry-content .ikyu_shop table th {
background-color: transparent;
text-align: center;
width: 6em;
}
.ikyu_map {
position: relative;
background: #ffaa00;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: inline-block;
padding: 1px 8px 0px;
text-align: center;
text-decoration: none;
font-size: 80%;
margin: 0 0 0 10px;
transition: all 0.5s;
font-weight: bold; }
.ikyu_map:before {
content: "\f041";
font-family: FontAwesome;
color: #fff;
display: inline-block;
padding: 0px 5px 0px 0px;
}
.ikyu_map:hover {
text-decoration: none;
background: #e19600;
}
.stars-container {
position: relative;
display: inline-block;
color: transparent;
}
.stars-container:before {
position: absolute;
top: 0;
left: 0;
content: '★★★★★';
color: lightgray;
}
.stars-container:after {
position: absolute;
top: 0;
left: 0;
content: '★★★★★';
color: gold;
overflow: hidden;
}
.stars-0:after {
width: 0%;
}
.stars-10:after {
width: 10%;
}
.stars-20:after {
width: 20%;
}
.stars-30:after {
width: 30%;
}
.stars-40:after {
width: 40%;
}
.stars-50:after {
width: 50%;
}
.stars-60:after {
width: 60%;
}
.stars-70:after {
width: 70%;
}
.stars-80:after {
width: 80%;
}
.stars-90:after {
width: 90%;
}
.stars-100:after {
width: 100%;
} .share-3d {
text-align: center;
z-index: 200;
}
.share-3d-inner a {
position: relative;
display: inline-block;
width: 16%;
width: -webkit-calc(100% / 5);
width: calc(100% / 5);
height: 46px;
line-height: 17px;
border-radius: 0px;
font-size: 16px;
text-align: center;
color: #ffffff;
text-decoration: none;
padding: 7px 0px 0px;
}
.share-3d-inner a:hover,
.share-3d-inner a:visited {
color: #ffffff;
}
.share-3d .small-text {
font-size: 10px;
}
.share-3d .hatena-bookmark-button {
position: relative;
top: 1px;
background: #00A4DE;
box-shadow: 0 3px #43638b;
}
.share-3d .hatena-bookmark-button:hover {
background: #43638b;
}
.share-3d .hatena-bookmark-button img {
width: 15px;
height: 15px;
}
.share-3d .twitter-button {
background: #55ACEE;
box-shadow: 0 3px #0092ca;
}
.share-3d .twitter-button:hover {
background: #0092ca;
}
.share-3d .googleplus-button {
background: #C53727;
box-shadow: 0 3px #ad3a2d;
}
.share-3d .googleplus-button:hover {
background: #ad3a2d;
}
.share-3d .facebook-button {
background: #405BA7;
box-shadow: 0 3px #2c4373;
}
.share-3d .facebook-button:hover {
background: #2c4373;
}
.share-3d .pocket-button {
background: #EE4256;
box-shadow: 0 3px 0 #c0392b;
}
.share-3d .pocket-button:hover {
background: #c0392b;
}
.share-3d .line-button {
position: relative;
top: 1px;
background: #00C300;
box-shadow: 0 3px 0 green;
}
.share-3d .line-button:hover {
background: green;
}
.share-3d .line-button img {
width: 15px;
height: 15px;
}
.share-3d .share-3d a:active {
top: 3px;
box-shadow: none;
} .booklink-box,
.kaerebalink-box,
.pochireba,
.tomarebalink-box {
padding: 10px;
margin: 15px 0;
border: solid #CCC 1px;
overflow: hidden;
font-size: small;
position: relative;
}
.booklink-box::before,
.kaerebalink-box::before,
.pochireba::before,
.tomarebalink-box::before {
position: absolute;
content: 'PR';
top: 0;
right: 0;
color: white;
padding: 0.2em 0.7em;
font-size: 70%;
font-weight: bold;
background: #ccc;
border-bottom-left-radius: 5px;
}
.booklink-image,
.kaerebalink-image,
.tomarebalink-image {
margin: 0 15px 0 0;
float: left;
min-width: 160px;
text-align: center;
}
.booklink-image img,
.kaerebalink-image img,
.tomarebalink-image img {
margin: 0 auto;
}
.kaerebalink-image img.paapi_image_l {
max-width: 160px;
}
.booklink-info,
.kaerebalink-info,
.tomarebalink-info {
margin: 0;
line-height: 120%;
overflow: hidden;
}
.booklink-name,
.kaerebalink-name,
.tomarebalink-name {
margin-bottom: 24px;
line-height: 1.5em;
}
.booklink-name a,
.kaerebalink-name a,
.tomarebalink-name a {
font-size: 130%;
font-weight: bold;
line-height: 1.4;
}
.booklink-powered-date,
.kaerebalink-powered-date,
.tomarebalink-powered-date {
font-size: 6px !important;
margin-top: 10px;
font-weight: normal;
font-family: verdana;
line-height: 120%;
}
.booklink-name .booklink-powered-date a,
.kaerebalink-name .kaerebalink-powered-date a,
.tomarebalink-name .tomarebalink-powered-date a {
font-size: 6px !important;
font-weight: normal;
}
.booklink-detail,
.kaerebalink-detail,
.tomarebalink-detail {
font-size: 12px;
}
.booklink-powered-date,
.kaerebalink-detail,
.tomarebalink-detail {
margin-bottom: 15px;
}
.booklink-link2,
.kaerebalink-link1,
.tomarebalink-link1 {
margin-top: 10px;
}
.booklink-link2 a,
.kaerebalink-link1 a,
.tomarebalink-link1 a {
width: 30%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: inline-block;
margin: 5px 2px 0 0;
padding: 10px 1px;
text-align: center;
float: left;
text-decoration: none;
font-weight: 800;
text-shadow: 1px 1px 1px #dcdcdc;
font-size: 12px;
color: #fff !important;
}
.booklink-link2 a:hover,
.kaerebalink-link1 a:hover,
.tomarebalink-link1 a:hover {
opacity: 0.6;
}
.booklink-link2 a:active .kaerebalink-link1 a:active,
.tomarebalink-link1 a:active {
position: relative;
top: 1px;
} .shoplinkamazon a {
background-color: #FF9901 !important;
}
.shoplinkrakuten a {
background-color: #c20004 !important;
}
.shoplinkkindle a {
background-color: #007dcd !important;
}
.shoplinkkakakucom a {
background-color: #3897f0 !important;
}
.shoplinkyahoo a {
background-color: #7b0099 !important;
} .tomarebalink-link1 .shoplinkrakuten a {
background-color: #c20004 !important;
} .tomarebalink-link1 .shoplinkjalan a {
background-color: #ff7a15 !important;
} .tomarebalink-link1 .shoplinkjtb a {
background-color: #76ae25 !important;
} .tomarebalink-link1 .shoplinkknt a {
background-color: #0b499d !important;
} .tomarebalink-link1 .shoplinkikyu a {
background-color: #bf9500 !important;
} .tomarebalink-link1 .shoplinkrurubu a {
background-color: #000066 !important;
} .tomarebalink-link1 .shoplinkyahoo a {
background-color: #ff0033 !important;
}  .shoplinkyahoo img {
display: none;
}
.shoplinkyahoo a {
font-size: 10px;
}
.booklink-footer {
display: none;
} .pochireba {
padding: 15px !important;
margin: 15px 0;
border: solid #CCC 1px;
overflow: hidden;
font-size: small;
}
.pochireba .pochi_img {
margin-right: 25px !important;
}
.pochireba .pochi_info {
margin-left: 5px;
}
.pochireba .pochi_name {
text-align: center;
}
.pochireba .pochi_name a {
display: block;
font-size: 18px;
text-decoration: none;
text-align: center;
margin: 0 10px 10px;
padding: 6px;
border-radius: 8px;
line-height: 26px;
background-color: #FF9901;
color: #fff !important;
font-weight: 800;
text-shadow: 1px 1px 1px #dcdcdc;
}
.pochireba .pochi_seller {
margin-bottom: 5px;
}
.pochireba .pochi_name a:after {
content: 'ダウンロードページへ';
display: block;
font-size: 15px;
color: #fff;
} .google-auto-placed {
margin: 2em 0;
} body.home {
overflow-x: hidden
}  .home #map {
width: 100vw; height: 87dvh;
}
.home .cp_cont ol,
.cp_cont ul,
.cat_map_wrap ol,
.cat_map_wrap ul {
list-style: none;
}
.home .cp_cont a,
.cat_map_wrap a {
text-decoration: none;
color: inherit;
}
.home .cp_cont {
height: 65vh;
}
.cat_map_wrap #map {
width: 100%;
height: 50dvh;
margin: 0px 0px 30px 0px;
}
.home .cp_offcm01 {
position: fixed;
top: 17px;
left: 10px;
display: inline-block;
z-index: 9999;
} .home .cp_offcm01 .cp_menu {
position: fixed;
top: 0;
left: -100vw;
width: 200px;
height: 100%;
cursor: pointer;
-webkit-transition: 0.53s transform;
transition: 0.53s transform;
-webkit-transition-timing-function: cubic-bezier(.38, .52, .23, .99);
transition-timing-function: cubic-bezier(.38, .52, .23, .99);
background-color: #000;
opacity: 0.8;
}
.home .cp_offcm01 .cp_menu ul {
margin: 0;
padding: 0;
}
.home .cp_offcm01 .cp_menu li {
list-style: none;
}
.home .cp_offcm01 .cp_menu li a {
display: block;
padding: 10px;
text-decoration: none;
color: #ffffff;
border-bottom: 1px solid #ffffff;
}
.home .cp_offcm01 #cp_toggle01 {
position: absolute;
display: none;
opacity: 0;
}
.home .cp_offcm01 #cp_toggle01:checked~.cp_menu {
-webkit-transform: translateX(100vw);
transform: translateX(100vw);
} .home .cp_offcm01 #cp_toggle01~label {
display: block;
padding: 0.5em;
cursor: pointer;
-webkit-transition: 0.5s transform;
transition: 0.5s transform;
-webkit-transition-timing-function: cubic-bezier(.61, -0.38, .37, 1.27);
transition-timing-function: cubic-bezier(.61, -0.38, .37, 1.27);
text-align: center;
color: #333333;
background: #fff;
border-radius: 3em;
line-height: 1;
height: 3em;
width: 3em;
}
.home .cp_offcm01 #cp_toggle01:checked~label {
-webkit-transform: translateX(200px);
transform: translateX(200px);
}
.home .cp_offcm01 #cp_toggle01~label::before {
font-family: 'FontAwesome';
content: '\f0c9';
font-size: 2em
}
.home .cp_offcm01 #cp_toggle01:checked~label::before {
content: '\f00d';
} .home .cp_contents {
color: #333333;
text-align: center;
} .home .top_head_contents {
width: 100vw;
background: #fff;
text-align: center;
position: fixed;
top: 0;
left: 0;
z-index: 9998;
}
.home .top_head_contents .head_id {
padding: 15px 0 10px;
width: 230px;
height: auto;
}
.home .top_bottom_contents {
width: 100vw;
text-align: center;
position: fixed;
bottom: 0;
left: 0;
z-index: 9998;
padding: 0;
margin: 0;
line-height: 0;
}
.home .top_bottom_contents .bottom_img {
padding: 0;
width: 100%;
max-width: 400px;
height: auto;
} .leaflet-popup-content-wrapper {
padding: 0px;
text-align: left;
border-radius: 5px;
}
.leaflet-popup-content {
font-family: "Arial", sans-serif;
padding: 10px;
color: #333;
max-width: 250px;
margin: 0;
padding: 0;
} .leaflet-popup-content .popup-name {
font-size: 100%;
font-weight: bold;
padding: 8px 18px 5px 8px;
color: #fff;
background: #e41d64;
margin-bottom: 5px;
border-radius: 5px 5px 0 0;
} .leaflet-popup-content .popup-title {
font-size: 90%;
font-weight: bold;
color: #555;
padding: 0px 8px;
display: block;
}
.leaflet-popup-content .popup-content {
overflow-y: scroll;
max-height: 10em;
}
.leaflet-popup-content .popup-content .popup-title strong {
display: block;
}
.leaflet-popup-content .popup-link-wrapper {
text-align: right;
padding: 6px;
} .leaflet-popup-content a.popup-link {
display: inline-block;
background: #ffaa00;
color: #fff;
text-decoration: none;
padding: 5px 10px;
border-radius: 5px;
font-size: 100%;
font-weight: bold;
text-align: center;
}
.leaflet-popup-content .popup-link:visited {
color: #fff;
}
.leaflet-container a.leaflet-popup-close-button {
color: #fff;
} .leaflet-popup-content .popup-content .popup-menu {
font-size: 90%;
margin-bottom: 10px;
line-height: 1.6;
}
.leaflet-popup-content .popup-content .popup-menu .check_menu{
margin: 15px 5px 0;
padding: 15px 20px 5px 18px;
}
.leaflet-popup-content .popup-content .popup-menu .check_menu:after{
position: absolute;
padding: 3px 0px 0px 0px;
top: -10px;
left: 10px;
width: 20px;
height: 20px;
border-radius: 5px 0 0 5px;
line-height: 15px;
text-align: center;
font-size: 10px;
font-family: FontAwesome;
color: #fff;
}
.leaflet-popup-content .popup-content .popup-menu .check_menu:before{
position: absolute;
top: -10px;
left: 17px;
padding: 0px 5px 0 15px;
background-color: #fcfcfc;
border-radius: 3px;
height: 20px;
font-size: 60%;
font-weight: bold;
line-height: 17px;
}
.leaflet-popup-content .popup-content .popup-menu .check_menu li:before {
position: absolute;
left: -15px;
top: 0px;
content: "\f138 ";
font-family: FontAwesome;
color: #bbb;
} .home #all_latest {
border-bottom: 3px solid #e41d64;
background: #fff;
padding: 0.5em;
}
.home .post_list {
display: flex;
flex-wrap: wrap;
background: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
margin: 0 0 20px 0;
}
.home .post_list li {
width: 50%;
padding: 1em;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.home .post_item {
display: flex;
}
.home .post_item .thum_img {
width: 25%;
}
.home .post_item .thum_img img {
width: 100%;
height: 120px;
object-fit: cover;
}
.home .post_item .post_listtxt {
width: 75%;
padding: 0 10px 0px 10px;
} .link_wrap a {
background: #e41d64;
border-radius: 5px;
display: inline-block;
padding: 4px 20px 1px;
text-align: center;
text-decoration: none;
font-weight: 800;
font-size: 90%;
color: #fff;
width: 90%;
margin: 0px 0px 5px 0px;
margin: 0 0 10px 0;
}
.custom_ad {
width: 100%;
}
.custom_ad img {
width: 100%;
height: auto;
max-width: 300px;
}   @media (min-width: 768px) and (max-width: 1200px) {
.cont_campaign {
background-color: transparent;
box-shadow: none;
margin: 0;
padding: 0 0 30px;
}
.wrap_header {
display: none;
}
.cont_campaign1,
.cont_campaign2 {
float: left;
width: 50%;
margin: 0;
padding: 0px 0px;
margin: 20px 0 0 0;
text-align: center;
min-width: 336px;
} .post_ph_l {
clear: both;
float: left;
width: 33%;
}
.post_txt_r {
float: right;
width: 66%;
}
.post_ph_r {
clear: both;
float: right;
width: 33%;
}
.post_txt_l {
float: left;
width: 66%;
}
.post_txt_l {
float: none;
width: auto;
}
.post_half {
float: none;
width: auto;
}
.post_one_third {
padding: 0 10px 20px;
width: auto;
float: none;
text-align: center;
}
.post_one_third img {
width: 61.8%;
}
} @media (max-width: 767px) { .entry-content {
font-size: 110%;
}
.entry-content h4,
.entry-content h5 {
font-size: 90%;
}
.cont_campaign1,
.cont_campaign2 {
float: left;
width: 50%;
margin: 0;
padding: 0px 0px;
margin: 20px 0 0 0;
text-align: center;
min-width: 336px;
}
.single-article .eyecatch img {
width: 100%;
height: auto;
object-fit: contain;
aspect-ratio: auto; }
.recipe_tools a {
color: #fff;
background-color: #e41d64;
font-weight: bold;
font-size: 70%;
padding: 5px 10px;
border-radius: 5px;
text-decoration: none;
box-shadow: 0 2px 0 #B01048;
margin: 0 1px;
}
.recipe_tools a:hover {
background-color: #C10A4A;
}
.recipe_tools a::before {
content: "\f02f";
font-family: FontAwesome;
color: #fff;
display: inline-block;
padding: 0px 0.5em 0px 0px;
}
.recipe_tools a.recipe_down::before {
content: "\f019";
}
.single-article .eyecatch p {
line-height: 1.4;
} .cat_card_container {
grid-template-columns: 1fr;
gap: 15px;
margin-bottom: 20px;
}
.cat_card_container.single-item {
max-width: 100%;
margin: 0 0 20px 0;
}
.cat_card_item img,
.cat_card_image {
aspect-ratio: 1600 / 837;
}
.cat_card_content {
padding: 12px;
}
.cat_card_item h2.cat_card_title {
font-size: 0.85em;
} .post_ph_l {
float: none;
width: 100%;
margin: 0 auto;
}
.post_txt_r {
float: none;
width: auto;
}
.post_ph_r {
float: none;
width: 100%;
margin: 0 auto;
}
.post_txt_l {
float: none;
width: auto;
}
.post_half {
float: none;
width: auto;
}
.post_one_third {
padding: 0 10px 20px;
width: auto;
float: none;
text-align: center;
}
.post_one_third img {
width: 61.8%;
}
.ogp_card p,
.html_card p {
padding: 0 0 0.5em;
}
.ogp_card .title::before {
padding: 0.3em 0.7em;
} .post_ph {
width: 100%;
float: none;
text-align: center;
}
.insta_wrap .post_ph:not(:first-child) {
display: none;
} .ikyu_shop .post_ph_l {
clear: both;
float: none;
width: 100%;
}
.ikyu_shop .post_txt_r {
float: none;
width: 100%;
} .buyflow .post_area {
margin: 0 3%;
}
.buyflow .post_ph_l {
width: 94%;
text-align: center;
}
.buyflow .post_ph_l img {
max-width: 70%;
}
.buyflow .post_txt_r {
width: 94%;
}
.booklink-box,
.kaerebalink-box,
.tomarebalink-box {
padding: 15px;
}
.booklink-image,
.kaerebalink-image,
.tomarebalink-image {
width: 100px;
min-width: initial;
}
.kaerebalink-image img.paapi_image_l {
max-width: 80%;
}
.booklink-name>a,
.kaerebalink-name>a,
.tomarebalink-name>a {
font-size: 15px;
font-weight: bold;
}
.booklink-name,
.kaerebalink-name,
.tomarebalink-name {
margin-bottom: 12px;
}
.booklink-powered-date,
.kaerebalink-powered-date,
.tomarebalink-powered-date {
margin-top: 5px;
}
.booklink-link2 a,
.kaerebalink-link1 a,
.tomarebalink-link1 a {
width: calc(100% - 4px);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 2px 0px;
padding: 10px 0px;
} .now_writing {
top: 0px;
} .similar {
font-size: 100%;
}
.similar_l {
width: 20%;
float: left;
}
.similar_r {
width: 78%;
float: right;
font-size: 82%;
} .recipe_tools {
text-align: center;
margin: 0 0 30px;
}
.single-profile {
display: block;
text-align: center;
}
.single-profile img {
display: inline;
}
.single-profile p {
text-align: left;
font-size: 80%;
}
} @media (max-width: 480px) {
.cont_campaign {
background-color: transparent;
box-shadow: none;
margin: 0;
padding: 0 0 40px;
}
.card_bt a {
width: 100%;
padding: 4px 20px 4px;
font-size: 105%;
}
.cont_campaign1,
.cont_campaign2 {
float: left;
width: 100%;
margin: 0;
padding: 0px 0px 20px;
margin: 20px 0 10px 0;
text-align: center;
min-width: 336px;
text-align: center;
} .buyflow .post_ph_l img {
max-width: 100%;
}  .share-3d .hatena-bookmark-button {
top: 1px;
}
.share-3d .hatena-bookmark-button img {
width: 12px;
height: 12px;
}
.share-3d .line-button img {
width: 12px;
height: 12px;
} .pochireba>a {
display: block;
}
.pochireba .pochi_img {
float: none !important;
display: block;
margin: 0 auto 10px !important;
}
.booklink-image,
.kaerebalink-image,
.tomarebalink-image {
width: 100%;
margin: 0 0 0 0;
float: none;
min-width: 160px;
text-align: center;
}
.booklink-image img,
.kaerebalink-image img,
.tomarebalink-image img {
margin: 0 auto;
text-align: center;
}
.kaerebalink-image img.paapi_image_l {
max-width: 80%;
}
.booklink-info,
.kaerebalink-info,
.tomarebalink-info {
width: 100%;
margin: 0;
line-height: 120%;
overflow: hidden;
} .home .post_list {
display: flex;
flex-wrap: wrap;
}
.home .post_list li {
width: 100%;
}
.home .post_item .thum_img img {
height: 100px;
}
.home .post_listtxt {
line-height: 1.3;
}
.r-list a {
display: block;
}
.r-list img {
max-width: 70%;
}
.r-list .r-list-img {
text-align: center;
}  }