/* Wulai base styles (late) — content / form / share buttons / responsive (<=1151px) */
/* --- from design-plus.css --- */
@media screen and (min-width: 769px) {
.post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h2, .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h3, .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h4, .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h5, .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h6 { margin-top: 40px !important; }
}
@media screen and (max-width: 768px) {
.post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h2, .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h3, .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h4, .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h5, .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h6 { margin-top: 30px !important; }
}
@media screen and (max-width: 600px) {
.post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h2, .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h3, .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h4, .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h5, .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h6 { margin-top: 20px !important; }
}
.post_content h2 { font-size: 24px; }
.post_content h3 { font-size: 22px; }
@media screen and (max-width: 767px) {
.post_content h2 { font-size: 20px; }
.post_content h3 { font-size: 18px; }
}
.wpcf7 { width: 100%; padding: 0px; border: 1px solid rgb(221, 221, 221); background: rgb(250, 250, 250); font-size: 14px; margin: 0px 0px 2.5em !important; }
.wpcf7 form { margin: 1.5em 1.5em 0px; }
.wpcf7 p { margin-bottom: 1em; font-size: 16px; }
.wpcf7 input, .wpcf7 textarea { box-sizing: border-box; width: 100%; padding: 8px; border: 1px solid rgb(204, 204, 204); line-height: 1.2; }
.wpcf7 select, .wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] { width: auto; max-width: 97%; padding: 8px; border: 1px solid rgb(204, 204, 204); }
.wpcf7 select, .wpcf7 .wpcf7-list-item-label { font-size: 14px; line-height: 1.2; }
.wpcf7 .wpcf7-list-item { display: block; }
.wpcf7 textarea { height: 300px; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border: 1px solid rgb(187, 187, 187); outline: none; }
.wpcf7 .wpcf7-submit, .wpcf7 .wpcf7-previous { box-sizing: border-box; display: block; position: relative; width: 225px; height: 48px; margin: 30px auto 0px; outline: none; background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); font-size: 14px; line-height: 1.5; text-align: center; text-decoration: none; cursor: pointer; transition: 0.3s; border: none !important; }
.wpcf7 .wpcf7-submit::before, .wpcf7 .wpcf7-submit::after { box-sizing: border-box; }
.wpcf7 .wpcf7-submit:hover, .wpcf7 .wpcf7-previous:hover { background-color: rgb(102, 102, 102); }
.wpcf7 form .wpcf7-response-output { margin: 2em 0.5em; padding: 0px; border: none; text-align: center; }
.wpcf7 { color: rgb(0, 0, 0); }
.mt10 { margin-top: 10px !important; }
.mb45 { margin-bottom: 45px !important; }
/* --- from sns-botton.css --- */
[class^="icon-"], [class*=" icon-"] { line-height: 1; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none;   }
[class^="icon-"]::before, [class*=" icon-"]::before { content: "\200b"; display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; }
.icon-feedly::before { content: "\200b"; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.3 2.6a1.9 1.9 0 00-2.6 0L2.6 10.7a1.9 1.9 0 000 2.6l5.8 5.8a1.8 1.8 0 001.3.5h4.6a1.8 1.8 0 001.3-.5l5.8-5.8a1.9 1.9 0 000-2.6z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.3 2.6a1.9 1.9 0 00-2.6 0L2.6 10.7a1.9 1.9 0 000 2.6l5.8 5.8a1.8 1.8 0 001.3.5h4.6a1.8 1.8 0 001.3-.5l5.8-5.8a1.9 1.9 0 000-2.6z'/%3E%3C/svg%3E"); }
.icon-hatebu::before { content: "\200b"; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctext x='12' y='17' text-anchor='middle' font-family='Arial' font-weight='bold' font-size='13'%3EB!%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctext x='12' y='17' text-anchor='middle' font-family='Arial' font-weight='bold' font-size='13'%3EB!%3C/text%3E%3C/svg%3E"); }
.icon-pocket::before { content: "\200b"; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h18a1 1 0 011 1v6a10 10 0 01-20 0V5a1 1 0 011-1zm4.3 5.3L12 14l4.7-4.7'/%3E%3Cpath d='M7.3 9.3L12 14l4.7-4.7' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h18a1 1 0 011 1v6a10 10 0 01-20 0V5a1 1 0 011-1zm4.3 5.3L12 14l4.7-4.7'/%3E%3Cpath d='M7.3 9.3L12 14l4.7-4.7' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.icon-facebook::before { content: "\200b"; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 22v-8.2h2.8l.4-3.2h-3.2V8.5c0-.9.3-1.6 1.6-1.6h1.7V4.1c-.3 0-1.3-.1-2.5-.1-2.5 0-4.1 1.5-4.1 4.2v2.4H7.4v3.2h2.8V22z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 22v-8.2h2.8l.4-3.2h-3.2V8.5c0-.9.3-1.6 1.6-1.6h1.7V4.1c-.3 0-1.3-.1-2.5-.1-2.5 0-4.1 1.5-4.1 4.2v2.4H7.4v3.2h2.8V22z'/%3E%3C/svg%3E"); }
.icon-twitter::before { content: "\200b"; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.8 3h3.1l-6.8 7.7L22 21h-6.2l-4.9-6.4L5.3 21H2.2l7.2-8.3L2 3h6.4l4.4 5.8zm-1.1 16.2h1.7L7.4 4.7H5.5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.8 3h3.1l-6.8 7.7L22 21h-6.2l-4.9-6.4L5.3 21H2.2l7.2-8.3L2 3h6.4l4.4 5.8zm-1.1 16.2h1.7L7.4 4.7H5.5z'/%3E%3C/svg%3E"); }
.icon-rss::before { content: "\200b"; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='5' cy='19' r='2.5'/%3E%3Cpath d='M2.5 9.5a12 12 0 0112 12h-3.2A8.8 8.8 0 002.5 12.7zM2.5 3a18.5 18.5 0 0118.5 18.5h-3.2A15.3 15.3 0 002.5 6.2z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='5' cy='19' r='2.5'/%3E%3Cpath d='M2.5 9.5a12 12 0 0112 12h-3.2A8.8 8.8 0 002.5 12.7zM2.5 3a18.5 18.5 0 0118.5 18.5h-3.2A15.3 15.3 0 002.5 6.2z'/%3E%3C/svg%3E"); }
.icon-pinterest::before { content: "\200b"; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1a11 11 0 00-4 21.2c-.1-.9-.2-2.2 0-3.2l1.3-5.5s-.3-.7-.3-1.7c0-1.6.9-2.8 2.1-2.8 1 0 1.5.7 1.5 1.6 0 1-.6 2.5-1 3.9-.3 1.2.6 2.1 1.7 2.1 2.1 0 3.7-2.2 3.7-5.4 0-2.8-2-4.8-4.9-4.8-3.4 0-5.3 2.5-5.3 5.1 0 1 .4 2.1.9 2.7.1.1.1.2.1.3l-.3 1.4c0 .2-.2.3-.4.2-1.5-.7-2.4-2.9-2.4-4.7 0-3.8 2.8-7.3 7.9-7.3 4.2 0 7.4 3 7.4 6.9 0 4.1-2.6 7.5-6.2 7.5-1.2 0-2.4-.6-2.8-1.4l-.8 2.9c-.3 1.1-1 2.4-1.5 3.2A11 11 0 1012 1z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1a11 11 0 00-4 21.2c-.1-.9-.2-2.2 0-3.2l1.3-5.5s-.3-.7-.3-1.7c0-1.6.9-2.8 2.1-2.8 1 0 1.5.7 1.5 1.6 0 1-.6 2.5-1 3.9-.3 1.2.6 2.1 1.7 2.1 2.1 0 3.7-2.2 3.7-5.4 0-2.8-2-4.8-4.9-4.8-3.4 0-5.3 2.5-5.3 5.1 0 1 .4 2.1.9 2.7.1.1.1.2.1.3l-.3 1.4c0 .2-.2.3-.4.2-1.5-.7-2.4-2.9-2.4-4.7 0-3.8 2.8-7.3 7.9-7.3 4.2 0 7.4 3 7.4 6.9 0 4.1-2.6 7.5-6.2 7.5-1.2 0-2.4-.6-2.8-1.4l-.8 2.9c-.3 1.1-1 2.4-1.5 3.2A11 11 0 1012 1z'/%3E%3C/svg%3E"); }
.share-top { margin-bottom: 30px; }
.share-btm { margin-bottom: 50px; }
.share-type1 { width: 100%; }
.share-type1 ul { list-style: none; margin: 0px; padding: 0px; }
.share-type1 li { display: inline-block; padding: 0px; text-align: center; }
.share-type1 li > a:hover { transform: translate3d(0px, 1px, 0px); }
.share-type1 a { min-width: 27px; text-decoration: none; display: inline-block; margin: 0px 5px 5px 0px; font-size: 12px; font-weight: 400; background: rgb(250, 250, 250); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.03) 0px 1px 0px; text-shadow: none; text-align: center; line-height: 25px; padding: 1px 5px 0px; box-sizing: border-box; color: rgb(255, 255, 255) !important; }
.share-type1 i { position: relative; top: 3px; color: rgb(255, 255, 255); font-size: 1.3em; text-shadow: rgba(255, 255, 255, 0.1) 1px 1px 0px; }
.share-type1 .ttl { margin: 0px 3px 0px 2px; text-align: center; line-height: 20px; }
.share-type1 .share-count { display: inline; font-size: 9px; color: rgb(255, 255, 255); padding: 0px; line-height: 25px; margin: 0px; border-radius: 0px 1px 1px 0px; box-sizing: border-box; }
@media screen and (max-width: 767px) {
.share-type1 { width: 100%; }
.share-type1 ul { margin-bottom: 15px; }
.share-type1 li > a span { display: none; }
.share-type1 a { margin-right: 2px; }
.share-type1 i { left: 1px; }
.share-type1 .share-count { margin-left: 3px; }
}
.share-type1 .twitter a, .share-type3 .twitter a { background-color: rgb(85, 172, 238); }
.share-type1 .twitter a:hover, .share-type3 .twitter a:hover { background-color: rgb(70, 142, 197); }
.share-type1 ul li.facebook a, .share-type3 ul li.facebook a { background-color: rgb(53, 98, 154); }
.share-type1 ul li.facebook a:hover, .share-type3 ul li.facebook a:hover { background-color: rgb(31, 54, 105); }
.share-type1 ul li.hatebu > a, .share-type3 ul li.hatebu a { background-color: rgb(60, 125, 209); }
.share-type1 ul li.hatebu > a:hover, .share-type3 ul li.hatebu a:hover { background-color: rgb(2, 112, 172); }
.share-type1 ul li.pocket a, .share-type3 ul li.pocket a { background-color: rgb(238, 64, 86); }
.share-type1 ul li.pocket a:hover, .share-type3 ul li.pocket a:hover { background-color: rgb(197, 54, 72); }
.share-type1 ul li.rss a, .share-type3 ul li.rss a { background-color: rgb(255, 181, 60); }
.share-type1 ul li.rss a:hover, .share-type3 ul li.rss a:hover { background-color: rgb(224, 153, 0); }
.share-type1 ul li.feedly a, .share-type3 ul li.feedly a { background-color: rgb(108, 198, 85); }
.share-type1 ul li.feedly > a:hover, .share-type3 ul li.feedly > a:hover { background-color: rgb(92, 164, 73); }
.share-type1 ul li.pinterest a, .share-type3 ul li.pinterest a { background-color: rgb(212, 18, 28); }
.share-type1 ul li.pinterest a:hover, .share-type3 ul li.pinterest a:hover { background-color: rgb(164, 47, 53); }
/* --- from responsive.css --- */
@media screen and (max-width: 1151px) {
#main_contents { width: auto; margin: 0px; padding: 60px 40px; }
#main_col { width: calc(100% - 340px); }
#side_col { width: 300px; }
}
@media screen and (max-width: 950px) {
#main_col { width: auto; float: none; }
#side_col { width: auto; float: none; margin-top: 50px; }
}
@media screen and (max-width: 750px) {
#main_contents { padding: 20px 20px 40px; }
body.post-type-archive-campaign #main_contents { padding: 39px 20px 40px; }
body.single-campaign #main_contents { padding: 39px 20px 40px; }
#side_col { margin-top: 40px; }
}
@media screen and (max-width: 1151px) {
#drawer_menu { display: block; position: fixed; top: 0px; right: -400px; width: 400px; height: 100%; background: rgb(51, 51, 51); overflow: auto; z-index: 9999; transition: right 300ms cubic-bezier(0.19, 1, 0.22, 1); backface-visibility: hidden; }
.open_menu #drawer_menu { right: 0px; box-shadow: rgba(0, 0, 0, 0.4) -5px 0px 20px 0px; }
}
@media screen and (max-width: 500px) {
#drawer_menu { right: -80%; width: 80%; }
}
@media screen and (max-width: 1151px) {
.open_menu #container::before { content: ""; display: block; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.6); z-index: 9999; }
body.admin-bar.header_fix_mobile #header { margin-top: 32px; }
body.admin-bar #drawer_menu { padding-top: 32px; }
.mobile body.admin-bar.header_fix_mobile { padding-top: 102px; }
}
@media screen and (max-width: 781px) {
body.admin-bar.header_fix_mobile #header { margin-top: 46px; }
body.admin-bar #drawer_menu { padding-top: 46px; }
.mobile body.admin-bar.header_fix_mobile { padding-top: 126px; }
}
@media screen and (max-width: 1151px) {
#staff_archive { width: auto; margin: 60px 40px 100px; }
}
@media screen and (max-width: 950px) {
#staff_list .item { height: 420px; }
#staff_list .image_wrap { height: 250px; }
}
@media screen and (max-width: 750px) {
#staff_archive { width: auto; margin: 35px 20px 30px; }
#staff_list .item { width: calc(50% - 5px); height: 267px; margin: 0px 10px 10px 0px; }
#staff_list .item:nth-child(3n) { margin-right: 10px; }
#staff_list .item:nth-child(2n) { margin-right: 0px; }
#staff_list .image_wrap { height: 154px; }
#staff_list .title_area { padding: 20px 15px 15px; }
#staff_list .desc { height: 92px; padding: 10px 15px; position: relative; }
}
@media screen and (max-width: 1151px) {
#staff_single { width: auto; margin: 60px 40px; }
}
@media screen and (max-width: 750px) {
#staff_single { width: auto; margin: 30px 20px 40px; }
#staff_single_header { height: auto; padding: 30px 30px 23px; }
#staff_single_header .title_area { position: relative; top: 0%; transform: translateY(0%); }
#staff_single_header .title { font-size: 20px; }
#staff_content_wrap { padding-top: 30px; }
}
@media screen and (max-width: 1151px) {
#single_staff_list #staff_list { width: auto; margin: 0px auto; }
#single_staff_list { padding: 45px 40px 60px; }
#single_staff_list .headline_area { margin: 0px 0px 45px; }
}
@media screen and (max-width: 750px) {
#single_staff_list { padding: 38px 20px 40px; }
#single_staff_list .headline_area { margin: 0px 0px 38px; }
#single_staff_list .button { margin-top: 20px; }
#single_staff_list .button a { font-size: 14px; min-width: 200px; height: 50px; line-height: 50px; }
}
@media screen and (max-width: 1151px) {
#menu_archive { width: auto; margin: 60px 40px 100px; }
}
@media screen and (max-width: 950px) {
#menu_list .item { height: 440px; }
#menu_list .image_wrap { height: 250px; }
#menu_list .desc { padding: 20px 30px; }
}
@media screen and (max-width: 750px) {
#menu_archive { width: auto; margin: 35px 20px 40px; }
#menu_list { border: none; }
#menu_list .item { height: auto; float: none; width: 100%; border: none; }
#menu_list .image_wrap { height: 190px; }
#menu_list .title_area { height: 65px; }
#menu_list .title span { margin-top: 5px; }
#menu_list .desc { padding: 25px 30px 23px; }
#menu_list .desc p { max-height: 12em; }
#menu_list .desc p span { -webkit-line-clamp: 5; }
.menu_content2 .menu_price_list td { padding: 15px 10px 13px; font-size: 12px; }
.menu_content2 .menu_price_list .col1 { width: 60px; font-size: 12px; }
.menu_content2 .menu_price_list .col3 { width: 105px; font-size: 12px; }
.menu_content2 .list_headline { height: 50px; line-height: 50px; font-size: 14px; }
}
@media screen and (max-width: 1151px) {
#voice_archive { width: auto; margin: 60px 40px 100px; }
}
@media screen and (max-width: 750px) {
#voice_archive { width: auto; margin: 35px 20px 40px; }
#voice_list .item { padding: 30px 28px; display: block; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(221, 221, 221); }
#voice_list .item:last-child { border-bottom: none; }
#voice_list .title_area { width: 100%; float: none; }
#voice_list .title { margin: 0px 0px 10px; font-weight: normal; }
#campaign_list a { height: 120px; }
#campaign_list .image_wrap { width: 120px; height: 120px; }
#campaign_list .title_area { width: calc(100% - 120px); padding: 0px 21px; }
#campaign_list .date { margin-top: 5px; font-size: 10px; }
#campaign_title_area { padding: 0px 20px 27px; }
#campaign_title_area .title { margin: 30px 0px 0px; }
#campaign_title_area .date { margin-top: 11px; font-size: 10px; }
#campaign_article .post_content { padding: 0px 30px; }
#campaign_article .single_share { margin-left: 30px; margin-right: 30px; }
#campaign_article #next_prev_post { margin: 40px -1px -1px; }
#related_campaign_list { margin-top: 40px; }
#related_campaign_list .headline { height: 50px; line-height: 50px; padding: 0px 20px; font-weight: bold; }
#related_campaign_list .button { margin-top: 40px; }
#related_campaign_list .button a { font-size: 14px; min-width: 200px; height: 50px; line-height: 50px; }
}
@media screen and (max-width: 1151px) {
#page_no_side { width: auto; margin: 60px 40px 90px; }
}
@media screen and (max-width: 750px) {
#page_no_side { margin: 35px 20px 30px; }
}
@media screen and (max-width: 950px) {
#page_header { height: 350px; }
#page_header .headline_area { width: 100%; padding: 0px 30px; box-sizing: border-box; }
}
@media screen and (max-width: 750px) {
#page_header { height: 200px; }
#page_header .sub_title { margin-top: 10px; }
#page_header .headline_area { padding: 0px 20px; }
}
@media screen and (max-width: 1151px) {
#catch_area { margin-bottom: 50px; }
#catch_area .catch { text-align: center; line-height: 1.6; margin: 0px; font-size: 38px; }
#catch_area .desc { text-align: center; line-height: 2.3; margin: 10px 0px 0px; font-size: 16px; }
}
@media screen and (max-width: 750px) {
#catch_area { margin-bottom: 30px; }
#catch_area .catch { line-height: 1.4; }
#catch_area .desc { margin: 3px 0px 0px; }
}
@media screen and (max-width: 1151px) {
#blog_archive { width: auto; margin: 0px auto; padding: 60px 40px 100px; }
}
@media screen and (max-width: 750px) {
#blog_archive { padding: 33px 20px 40px; }
}
@media screen and (max-width: 1151px) {
.page_navi { margin: 40px 0px 0px; }
#contents_builder { padding-bottom: 48px; }
.cb_contents { padding: 60px 40px 0px; width: auto; }
}
@media screen and (max-width: 750px) {
#contents_builder { padding-bottom: 40px; }
.cb_contents { padding: 40px 20px 0px; }
}
@media screen and (max-width: 1151px) {
.index_design_content1 .desc { margin: 0px 0px 30px; }
}
@media screen and (max-width: 750px) {
.index_design_content1 .catch { line-height: 1.4; margin: 0px 0px 7px; }
.index_design_content1 .desc { line-height: 2.2; margin: 0px 0px 20px; }
.index_design_content1.num1 .image_list { margin: -40px -20px 35px; }
.index_design_content1 .image_list { margin: 0px -20px 35px; }
.index_design_content1 .image_list .image { height: 222px; }
.blog_list .item { width: 50%; height: 219px; }
.blog_list .image_wrap { height: 100px; }
.blog_list .title_area { padding: 15px 20px; }
.blog_list .title { line-height: 1.6; max-height: 4.8em; }
.blog_list .post_meta { bottom: 13px; }
.blog_list .post_meta li { font-size: 10px; margin: 0px 5px 0px 0px; }
}
@media screen and (max-width: 1151px) {
#header { height: 114px; border-top: 3px solid rgb(88, 51, 13); }
#header_top { width: auto; height: 60px; position: relative; }
body.header_fix_mobile { padding-top: 112px; }
.header_fix_mobile #header { position: fixed; top: 0px; left: 0px; z-index: 200; width: 100%; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 5px; border: none; animation: 0.5s ease 0s 1 normal none running slide_down_menu; }
.header_fix_mobile #header { height: 60px; }
.header_fix_mobile #header_inner { height: 60px; }
.header_fix_mobile #header #site_desc { display: none; }
.header_fix_mobile #header_search_button { display: none; }
.header_fix_mobile #header_inner::after { display: none; }
.header_fix_mobile #index_total_recipe { display: none; }
@keyframes slide_down_menu { 
  0% { top: -60px; }
  100% { top: 0px; }
}
}
@media screen and (max-width: 750px) {
body.hide_site_desc_mobile #header { height: 63px; }
}
@media screen and (max-width: 1151px) {
#site_desc { height: 51px; line-height: 1.3; position: relative; }
}
@media screen and (max-width: 750px) {
#site_desc { font-size: 12px; }
body.hide_site_desc_mobile #site_desc { display: none; }
}
@media screen and (max-width: 1151px) {
#header_logo { width: auto; height: 60px; }
#header_logo .pc_logo_image { display: none; }
#header_logo .mobile_logo_image { display: block; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); position: absolute; }
#header_social_link { display: none; }
#menu_button { position: absolute; z-index: 50; right: 0px; bottom: 0px; display: inline-block; font-size: 11px; width: 60px; height: 60px; line-height: 60px; text-decoration: none; text-align: center; }
#menu_button span { text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; }
#menu_button::before { background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; color: rgb(0, 0, 0);  display: block; position: absolute; inset: 0px 0px 0px 3px; margin: auto; font-size: 18px; width: 18px; height: 18px; line-height: 18px;  }
#menu_button::before { content: "\200b"; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 4.5h20v2H2zM2 11h20v2H2zM2 17.5h20v2H2z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 4.5h20v2H2zM2 11h20v2H2zM2 17.5h20v2H2z'/%3E%3C/svg%3E"); }
#header #global_menu { display: none; }
#mobile_menu { width: 100%; margin: 0px; }
#mobile_menu ul { margin: 0px; }
#mobile_menu li ul { display: none; }
#mobile_menu a { position: relative; display: block; margin: 0px; padding: 18px 20px; line-height: 1.6; overflow: hidden; text-decoration: none; color: rgb(255, 255, 255); font-size: 13px; box-sizing: border-box; }
#mobile_menu a:hover { color: rgb(255, 255, 255); }
#mobile_menu ul ul a { padding-left: 32px; }
#mobile_menu ul ul ul a { padding-left: 47px; }
#mobile_menu ul ul ul ul a { padding-left: 60px; }
#mobile_menu li { position: relative; }
#mobile_menu .child_menu_button { display: block; position: absolute; text-align: center; width: 55px; height: 55px; right: 0px; top: 1px; z-index: 9; cursor: pointer; }
#mobile_menu .child_menu_button .icon::before { background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain;  content: "\200b"; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M3 8l9 9 9-9'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M3 8l9 9 9-9'/%3E%3C/svg%3E"); color: rgb(255, 255, 255); text-align: center; display: block; font-size: 12px; width: 12px; height: 12px; line-height: 12px; position: absolute; right: 22px; top: 25px; }
#mobile_menu .child_menu_button.active .icon::before, #mobile_menu .child_menu_button:hover .icon::before { color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }
#mobile_menu li.open > .child_menu_button .icon::before { content: "\200b"; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M3 16l9-9 9 9'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M3 16l9-9 9 9'/%3E%3C/svg%3E"); }
#mobile_menu .child_menu_button:hover { background: rgba(0, 0, 0, 0.2); }
#drawer_menu .close_button { display: block; width: 100%; height: 60px; position: relative; cursor: pointer; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
#drawer_menu .close_button::before { background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; width: 1em; height: 1em;  color: rgb(255, 255, 255); font-size: 18px; display: block; content: "\200b"; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M3 3l18 18M21 3L3 21'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M3 3l18 18M21 3L3 21'/%3E%3C/svg%3E"); position: absolute; top: 24px; right: 17px;  }
#mobile_banner img { display: block; margin: 0px auto; max-width: 100%; height: auto; }
#mobile_banner .banner { margin: 20px 0px; }
#bread_crumb { height: 43px; }
#bread_crumb ul { width: auto; padding: 0px 30px; }
#bread_crumb li { font-size: 12px; }
#bread_crumb li a { height: 43px; line-height: 43px; }
#bread_crumb li::after { height: 43px; line-height: 43px; }
#bread_crumb li.home a::before { font-size: 12px; }
}
@media screen and (max-width: 650px) {
#bread_crumb ul { padding: 0px 20px; }
}
@media screen and (max-width: 750px) {
#post_title_area { padding: 15px 0px 25px; margin: 0px; }
#post_title_area .post_meta { margin: 3px 0px 0px; }
#post_title_area .post_meta li { font-size: 12px; padding: 0px 6px 0px 0px; margin: 0px 2px 0px 0px; }
#post_title_area .post_meta li a::after { margin: 0px; }
}
@media screen and (max-width: 950px) {
#single_share_bottom { margin: 50px 0px 0px; }
}
@media screen and (max-width: 750px) {
#single_share_top { margin: 0px 0px 30px; padding: 10px 0px 0px; }
#single_share_bottom { margin: 40px 0px 0px; }
#single_share_bottom .share-btm { padding: 0px; margin-bottom: 0px !important; }
#single_share_top .mt10, #single_share_top .mt10 { margin: 0px !important; }
#single_share_bottom .mb45, #single_share_bottom .mb45 { margin: 0px !important; }
.share-type1 ul { text-align: center; margin-bottom: -5px !important; }
}
@media screen and (max-width: 950px) {
#single_copy_title_url_top { margin-bottom: 35px; margin-top: 40px; }
#single_share_top + #single_copy_title_url_top { margin-top: 40px; }
#single_copy_title_url_bottom { margin-bottom: 0px; margin-top: 32px; }
#single_share_bottom + #single_copy_title_url_bottom { margin-top: 40px; }
}
@media screen and (max-width: 750px) {
.single_copy_title_url_btn { border-width: 2px; font-size: 12px; line-height: 46px; min-width: 250px; }
}
@media screen and (max-width: 1100px) {
#next_prev_post .item { height: 50px; }
#next_prev_post .title_area { font-size: 12px; margin: 0px; text-align: center; width: 100%; height: 50px; }
#next_prev_post .title { display: none; }
#next_prev_post .nav { display: block; position: relative; height: 50px; line-height: 50px; }
#next_prev_post a::before { left: 15px; }
#next_prev_post .next_post a::before { left: auto; right: 15px; }
#next_prev_post .next_post .title_area { margin: 0px; }
}
@media screen and (max-width: 750px) {
#next_prev_post { margin-top: 40px; }
.widget_content { margin: 0px 0px 40px; }
.widget_headline { height: 50px; line-height: 50px; padding: 0px 20px; }
}
@media screen and (max-width: 950px) {
.styled_post_list1 .title { padding: 0px 15px; }
}
@media screen and (max-width: 650px) {
.tcd_category_list a { height: 45px; line-height: 45px; padding: 0px 20px; }
.tcd_category_list .child_menu_button { width: 45px; height: 45px; }
.tcd_category_list .child_menu_button::before { top: 18px; }
}
@media screen and (max-width: 1151px) {
#return_top a { height: 50px; line-height: 50px; }
}
@media screen and (max-width: 750px) {
#copyright { line-height: 50px; height: 50px; }
}
@media screen and (max-width: 1151px) {
.open_menu #dp-footer-bar { display: none; }
body.show_footer_bar #return_top.active { transform: translate3d(0px, -55px, 0px); }
#comments { margin-top: 60px; }
}
@media screen and (max-width: 750px) {
#comments { margin: 40px 0px 0px; }
#comments .headline { height: 50px; line-height: 50px; padding: 0px 20px; }
}
@media screen and (max-width: 1151px) {
#comment_tab li a, #comment_tab li p { padding: 15px; }
}
@media screen and (max-width: 750px) {
.post_content p { line-height: 2.2; }
.post_content li, .post_content dt, .post_content dd { line-height: 2.2; }
}