@charset "UTF-8";

/* NOTE: layout-right */
.contents .layout-right .bnr { text-align: center;}
.contents .layout-right .bnr a { width: 100%; margin-bottom: 30px; display: block; position: relative;}
.contents .layout-right .bnr a img { width: 300px; height: auto;}
.contents .layout-right .bnr a:hover img { opacity: 0.8;}

.contents .layout-right .ads { width: 100%; text-align: center;}

.contents .layout-right a.ambas span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; outline: dashed 1px #fff; outline-offset: -7px; z-index: 1;}

.contents .layout-right h3 { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0; text-align: center; font-size: 1.4rem;}
.contents .layout-right .welcom { padding: 30px 0;}
.contents .layout-right .welcom p { font-size: 1.3rem; line-height: 1.8;}
.contents .layout-right .offical-sns { text-align: center; padding: 30px 0;}
.contents .layout-right .offical-sns img { width: 40px; opacity: 0.6;}
.contents .layout-right .offical-sns a:hover img { opacity: 0.8;}
.contents .layout-right .management { padding: 30px 0;}
.contents .layout-right .management ul { padding-left: 20px; line-height: 1.8;}
.contents .layout-right .management ul li a { font-size: 1.4rem; display: block; position: relative; padding-left: 20px;}
.contents .layout-right .management ul li a:before { position: absolute; content:"\f054"; font-family: 'Font Awesome 5 Free'; font-weight: 900; left: 0; top: 50%; transform: translateY(-50%); font-size: 1.0rem;}

.contents .layout-right h3.cooking i { font-size: 1.2rem; transform: translateY(-1px);}

/* NOTE: Popular Posts 済み*/
ul.wpp-list { margin: 20px 0 20px 0; counter-reset:my-counter;}
ul.wpp-list li { width: 100%; margin-bottom: 20px; position: relative;}
ul.wpp-list li:after { content: ","; display: block; height: 0; clear: both; visibility: hidden;}
ul.wpp-list li:before { content:counter(my-counter); counter-increment:my-counter; background-color:#444; color:#fff; position: absolute; top: 0; left: 0; display:block; line-height:18px; text-align:center; font-size:10px; height:18px; width:18px;}
ul.wpp-list li a { display: block; font-size: 1.5rem; font-weight: 400; height: 50px; display: flex; align-items: center;}
ul.wpp-list li a div.img { width: 50px; height: 50px; float: left; margin-right: 10px;}
ul.wpp-list li a div.img img { width: 50px; height: 50px;}
ul.wpp-list li a div.txt { width: calc(100% - 60px);}
ul.wpp-list li:hover { background: #eee;}
ul.wpp-list li span { display: block; font-size: 1.2rem;}

/* NOTE: カテゴリーリスト 済み*/
.list-categories { margin: 10px 0 30px 0;}
.list-categories ul { margin-top: 20px;}
.list-categories ul li { width: 100%;}
.list-categories ul li a { display: block; font-size: 1.5rem; line-height: 1.2; padding: 10px 20px 10px 10px; background: #fff; position: relative; font-feature-settings: "palt"; font-weight: bold;}
.list-categories ul li a:before { position: absolute; content:"\f054"; font-family: 'Font Awesome 5 Free'; font-weight: 900; right: 10px; top: 50%; transform: translateY(-50%); font-size: 1.0rem;}
.list-categories ul li a i { margin-right: 10px;}
.list-categories ul li a:hover { background: #eee;}

/* NOTE: タグリスト 済み*/
.list-tag-inner { padding: 30px 0;}
ul.list-tag { display: flex; flex-wrap: wrap;}
ul.list-tag:after { content: ","; display: block; height: 0; clear: both; visibility: hidden;}
ul.list-tag li { display: block; width: 50%; border: 1px solid #fff; border-top: 0; display: flex; align-items: center;}
ul.list-tag li:nth-child(odd) { border-right: 0;}
ul.list-tag li a { display: block; width: 100%; font-size: 1.4rem; line-height: 1.2; padding: 10px 20px 10px 5px; position: relative; font-weight: bold;}
ul.list-tag li a:before { position: absolute; content:"\f054"; font-family: 'Font Awesome 5 Free'; font-weight: 900; right: 10px; top: 50%; transform: translateY(-50%); font-size: 1.0rem;}
ul.list-tag li:hover { background: #eee;}
#block-foodstuff, #block-foodstuff2, #block-cooking, #block-lifestyle { display: none;}
.more-text, .close-text, .close-text2 { font-size: 1.5rem; cursor: pointer; padding: 10px 0; width: 100%; text-align: center; background: #f6f6f6;}

.olivenote-txtlink { text-align: center; padding: 30px; background: #f6f6f6; margin-bottom: 30px;}
.olivenote-txtlink:hover { background: #eee;}
.olivenote-txtlink p { font-size: 1.8rem; line-height: 1.2; font-feature-settings: "palt";}
.olivenote-txtlink p span { font-size: 1.2rem;}
.olivenote-txtlink img { width: 40%; margin-top: 20px;}