@media screen and (max-width:650px) {
#header, #header.no_menu{
height: 29.333vw;
}
#header_inner{
height: 29.333vw;
}
#header_logo{
top: 0;
margin: 0;
height: calc(25.333vw - 60px);
}
#header_logo .logo a{
display: block;
width: 69.867%;
}
#header_logo .logo a img{
width: 80%;
height: auto;
}
#header_button_area{
right: 0!important;
bottom: 0px;
width: 100%;
height: 60px;
margin-bottom: 0%;
text-align: center;
}
#header_login,
#header_logout{
display: inline-block;
background: #2c3e65!important;
width: 44.667%;
float: none;
}
#header_register{
display: inline-block;
background: #4d9699!important;
width: 44.667%;
margin-left: 2.667%!important;
float: none;
}
#header_search_button{
width: 51px;
height: calc(25.333vw - 60px)!important;
margin: calc(-25.333vw + 60px) 0 0!important;
border-left: none!important;
top: 0!important;
right: 60px!important;
}
#header_search_button:before{
left: 10px!important;
top: 0!important;
bottom: 0;
font-size: 30px;
height: 30px;
margin: auto;
line-height: 30px;
}
#header_search, #header.no_menu #header_search{
top: calc(25.333vw - 60px)!important;
}
#menu_button{
top: 0;
bottom: auto;
height: calc(25.333vw - 60px);
}
#menu_button:before{
left: 0!important;
right: 5px!important;
font-size: 30px!important;
width: 30px!important;
height: 30px!important;
line-height: 30px!important;
}
#header_inner:after{
display: none!important;
}
}
@media screen and (max-width:1210px) {
#header_login{
background: #fff!important;
color: #000!important;
}
} #footer{
background-color: #f6f6f6; }
#footer_menu {
width: calc(140% / 2); }
#footer_menu,
#footer_category_menu,
#footer_widget { }
#footer_top_inner.no_menu #footer_widget {
width: calc(60% / 2);
padding-top: 0;
padding-bottom: 0; }
#footer_top_inner.no_menu #footer_widget .widget_content { width: calc(50% - 40px);
margin-bottom: 0;
padding: 100px 39px 100px 0; }
#footer_top_inner.no_menu #footer_widget .widget_content:nth-child(2n) {
border: none;
padding-right: 0; }
#footer_menu .footer_headline,
#footer_widget .footer_headline{
display: none; }
.footer_menu ul li a,
#footer_widget .widget_content ul li a{
font-size: 16px;
font-weight: bold;
color: #fff;}
#footer_widget .widget_content li{
line-height: 1.5;
padding: 0;
margin: 0 0 15px 0;
} #footer_widget #footer_widget_link {
width: 210px;
margin:0;
font-size:0;
text-align: center;
z-index:20; }
#footer_widget #footer_widget_link li {
display:inline-block;
margin:0 10px;
position:relative; }
#footer_widget #footer_widget_link li a {
display:block;
overflow:hidden;
width:20px;
height:20px;
color: #fff;
line-height:20px;
text-align:center; }
#footer_widget #footer_widget_link li a span {
display:none; }
#footer_widget #footer_widget_link li a:before {
font-family:'design_plus';
font-size:20px;
font-weight: normal;
display:block;
position:absolute;
top:1px;
left:0;
right:0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
#footer_widget #footer_widget_link li a:hover:before { color:#aaa; }
#footer_widget #footer_widget_link li.twitter a:before { content:'\e904'; }
#footer_widget #footer_widget_link li.facebook a:before { content:'\e902'; }
#footer_widget #footer_widget_link li.line a:before { content:'\e909'; }
#footer_widget #footer_widget_link li.youtube a { width:50px; }
#footer_widget #footer_widget_link li.youtube a:before { content:'\ea9e'; }
#footer_widget #footer_widget_link li.contactBtn {
margin: 0 0 20px; }
#footer_widget #footer_widget_link li.contactBtn a {
background-color: #fff;
width:210px;
padding: 20px 0;
color: #333; }
#footer_widget #footer_widget_link li.contactBtn a:hover {
background-color: #aaa; }
#footer_widget #footer_widget_link li.contactBtn a span {
display: block;
font-size: 16px;
}
#footer_widget #footer_widget_link li.contactBtn a:before { display: none; }
#return_top a{
background-color: #333!important; }
#return_top a:before {
font-size:16px;
width:16px;
height:16px; }
@media screen and (max-width:650px) {
#footer_top_inner.no_menu #footer_menu {
float: left;
width: 100%!important;
padding-bottom: 0; }
.footer_menu ul{
width: 100%; }
.footer_menu ul li{
width: 100%; }
#footer_top_inner.no_menu #footer_widget{
float: left;
width: 100%!important; }
#footer_top_inner.no_menu #footer_widget .widget_content{
border-right: none;
margin-bottom: 0;
padding: 0 0 2.667%; }
#footer_widget #footer_widget_link{
width: 100%;
text-align: left; }
#footer_widget #footer_widget_link li.contactBtn{
position: absolute;
bottom: 0;
left: 0;
width: calc(100% - 40px);
margin-left: 20px;
}
#footer_widget #footer_widget_link li.contactBtn a{
width: 100%; }
#footer_widget #footer_widget_link li.youtube{
margin-left: 0 }
#footer_bottom{
display: none;
}
}
#bread_crumb{ display: none; }
body.single-post #article{
border: none!important;
width: 100%;
margin: 0 auto!important; } #index_slider .slick-dots{
display: none!important; }
#index_slider .item2 .caption {
top: 78%; }
#index_slider .item3 .snsLnkBox {
display: none; }
@media screen and (max-width:950px) {
}
@media screen and (max-width:650px) {
#index_slider .item2 .caption.pc {
display: block; }
#index_slider .item3 .snsLnkBox {
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: block;
background: url(http://haw10164luti.smartrelease.jp/wp-content/uploads/2020/07/slide03_btn_base.png) no-repeat center/contain;
width: 92%;
height: 0;
padding-bottom: 30.267%;
margin: 0 auto 4%;
text-align: center;
z-index: 2; }
#index_slider .item3 .snsLnkBox .lineBtn {
display: inline-block;
background: url(http://haw10164luti.smartrelease.jp/wp-content/uploads/2020/07/slide03_btn_li.png) no-repeat center/contain;
width: 43.478%;
height: 0;
padding-bottom: 13.623%;
margin: 13.478% 1.449% 0; }
#index_slider .item3 .snsLnkBox .twitterBtn {
display: inline-block;
background: url(http://haw10164luti.smartrelease.jp/wp-content/uploads/2020/07/slide03_btn_tw.png) no-repeat center/contain;
width: 45.072%;
height: 0;
padding-bottom: 13.623%;
margin: 13.478% 1.449% 0; }
} .design_headline:after {
display: none; }
.recipe_post_list_widget .widget_headline:after {
display: none; }
.premium_recipe_list_widget .widget_headline:after {
display: none; }
.recipe_category_list_widget .widget_headline:after {
display: none; } #recipe_archive .category {
padding: 0 10px;
text-align: center;
line-height: 1.6;
box-sizing: border-box;
}
.recipe_category_list_widget ul li a {
height: auto;
line-height: 1.6;
padding: 20px 24px;
}
.tax-recipe_category #page_header + #recipe_categry #archive_headline {
display: none;
}
.tax-recipe_category #archive_headline { }
@media screen and (max-width:650px) {
#recipe_archive .category {
font-size: 12px;
}
} #recipe_main_content .post_content {
margin-top: 40px; }
#recipe_main_content .post_content blockquote {
background-color: #c20000;
border: none;
padding: 30px 50px;
font-size: 24px;
font-weight: bold;
color: #fff; }
#recipe_main_content .post_content blockquote p {
margin: 0;
line-height: 1.4; }
#recipe_main_content .post_content blockquote::before,
#recipe_main_content .post_content blockquote::after {
display: none; }
#recipe_main_content .post_content h3 {
font-size: 18px;
font-weight: bold;
color: #c20000; }
#recipe_main_content .post_content .well {
position: relative;
margin-bottom: 30px;
padding: 1.1em 2em 1.1em 90px;
border: 5px solid #ffbebe;
border-radius: 0;
background-color: #fff0f0; }
#recipe_main_content .post_content .well::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
background: url(http://haw10164luti.smartrelease.jp/wp-content/uploads/2020/08/ico_well.png) no-repeat center;
width: 35px;
height: 35px;
margin: auto 30px; }
#recipe_main_content .post_content .style4a {
border-color: #c20000!important;
border-width: 8px;
background-color: #fff;
padding: 25px!important;
font-weight: bold;}
#recipe_main_content .post_content .makerY {
background-color: #fff269; }
#recipe_main_content .post_content .makerR {
background-color: #ffcdcd; }
#recipe_main_content .post_content .strongR {
font-weight: bold;
color: #c20000; }
@media screen and (max-width:650px) {
#recipe_main_content .post_content {
margin-top: 20px; }
#recipe_main_content .post_content blockquote {
padding: 20px;
font-size: 16px;
font-weight: bold;
color: #fff; }
#recipe_main_content .post_content h3 {
font-size: 17px; }
#recipe_main_content .post_content .well {
padding: 1.1em 2em 1.1em 60px;
font-size: 14px; }
#recipe_main_content .post_content .well::before {
background-size: contain;
width: 28.5px;
height: 28.5px;
margin: auto 15px; }
#recipe_main_content .post_content .style4a {
padding: 18px!important;
font-size: 16px; }
} .lnkIndex{
display: flex;
flex-wrap: wrap;
width: 725px;
margin: 0 auto!important;
list-style: none!important; }
.lnkIndex li{
display: inline-block;
background-color: #fff;
border: solid 1px #ddd;
width:225px;
margin: 0 7.5px 15px;
vertical-align: top;
box-sizing: border-box; }
.lnkIndex li:nth-last-child(1),
.lnkIndex li:nth-last-child(2),
.lnkIndex li:nth-last-child(3){
margin-bottom: 0;}
.lnkIndex li a{
display: inline-block;
padding: 0 20px 25px;
font-size: 18px;
font-weight: bold;
line-height: 1.5; }
.lnkIndex li em{
display: block;
background-color: #333;
width: calc(100% + 40px);
margin: 0 -20px 15px;
padding: 7px 20px;
color: #fff;
font-style: normal;
box-sizing: border-box; }
@media screen and (max-width:650px) {
.lnkIndex{
width: 100%;
margin: 0 auto!important;
list-style: none!important; }
.lnkIndex li{
width: calc(50% - 5px);
margin: 0 0 10px 10px; }
.lnkIndex li:nth-last-child(1),
.lnkIndex li:nth-last-child(2),
.lnkIndex li:nth-last-child(3){
margin-bottom: 10px;}
.lnkIndex li:nth-child(2n+1){
margin-left: 0; }
.lnkIndex li a{
padding: 0 13px 13px;
font-size: 14px; }
.lnkIndex li em{
width: calc(100% + 26px);
margin: 0 -13px 13px;
padding: 7px 13px;
font-size: 14px;
color: #fff;
font-style: normal;
box-sizing: border-box; }
} #post_title_area .title{
font-size: 26px!important; }
#post_title_area .title .num{
display: block;
background-color: #333;
margin-bottom: 25px;
padding: 7px 20px;
font-size: 20px;
color: #fff; }
#main_col .post_content .answerTtl{
display: block;
background-color: #c20000;
margin-bottom: 25px;
padding: 7px 20px;
font-size: 20px;
color: #fff; }
#main_col .post_content .answerTxt{
margin-bottom: 30px;
font-size: 26px;
font-weight: bold;
color: #c20000;
line-height: 1.6; }
#main_col .post_content .explanationBox{
position: relative;
background-color: #f6f6f6;
min-height: 40px;
margin-bottom: 30px;
padding: 30px 30px 30px 130px;
font-size: 14px;
line-height: 1.625; }
#main_col .post_content .explanationBox::before{
position: absolute;
top: 0;
left: 0;
content: "";
background: url(http://haw10164luti.smartrelease.jp/wp-content/uploads/2020/08/ico_explanation.png) no-repeat center/contain;
width: 70px;
height: 40px;
margin: 30px; }
#main_col .post_content .pagerLink p{
margin-bottom: 0; }
#main_col .post_content .topLink a:hover{
opacity: .7; }
@media screen and (max-width:650px) {
#post_title_area {
padding: 26px 20px 25px!important; }
#post_title_area .title{
font-size: 17px!important; }
#post_title_area .title .num{
margin-bottom: 15px;
padding: 10px 15px;
font-size: 12px; }
#main_col .post_content .answerTtl{
margin-bottom: 15px;
padding: 10px 15px;
font-size: 12px; }
#main_col .post_content .answerTxt{
margin-bottom: 25px;
font-size: 17px; }
#main_col .post_content .explanationBox{
margin-bottom: 25px;
padding: 60px 15px 15px;
font-size: 12px;
line-height: 1.5; }
#main_col .post_content .explanationBox::before{
right: 0;
width: 58px;
height: 33px;
margin: 15px auto; }
#main_col .post_content .pagerLink .wp-block-column{
flex-basis: 0%; }
#main_col .post_content .topLink{
margin-bottom: 15px; }
#main_col .post_content .topLink a:hover{
opacity: .7; }
}
.payment-info{
border:1px solid #ddd;
margin-bottom:20px;
padding:35px 35px 25px;
}
.payment-info .expiration_date{
color:#999;
margin-bottom:20px;
}
.payment-info  .message{
line-height	:1.3;
margin-bottom:20px;
}
.payment-info .negative_style{
text-align: right;
}
.payment-info .negative_style_btn{
background: #eee !important;
color:#000 !important;
height: 30px !important;
width: 100px !important;
font-size: 12px !important;
}
.payment-info .negative_style_btn:hover{
color:#ff8000 !important;
}
.payment-info .submit input{
margin-bottom:0;
}
.payment-info .submit.small input{
height: 30px !important;
width: 100px !important;
font-size: 12px !important;
}
.payment_chenge_notes{
margin-top: 10px;
}
@media screen and (max-width: 750px) {
.payment-info{
padding:20px 10px 15px;
}
} .news-template-default.single-news #next_prev_post .image_wrap {
display: none!important; }
.news-template-default.single-news #next_prev_post .title_area {
width: calc(100% - 50px);
margin-left: 50px; }
.news-template-default.single-news #next_prev_post .next_post .title_area {
margin-left: 0; }
#recent_news .image_wrap {
display: none; }
#recent_news .title_area {
width: 100%; }
#recent_news .title_area_inner {
right: 10px;
left: 10px; }
#news_list .title_area {
width: 100%; }
#news_list .title_area_inner {
right: 20px;
left: 20px; }
#news_archive .image_wrap{
display: none; }
@media screen and (max-width: 750px) {
#recent_news .title_area_inner {
right: 10px!important;
left: 10px!important; }
} #index_recipe_slider .register_link .title,
.recipe_list .register_link .title {
filter: unset;
}
#index_recipe_slider .register_link .post_meta,
.recipe_list .register_link .post_meta {
filter: unset;
} .user_column_image {
margin: 30px 0;
}
.user_column_image img {
width: 100%;
height: auto;
}
.user_twitter_url {
margin: 10px 0 30px;
text-align: center;
} #post-navi ul {
display: flex;
align-items: center;
}
#post-navi ul li {
width: 33.33%;
}
#post-navi ul li a {
display: block;
position: relative;
text-align: center;
padding: 2em;
border: 1px solid #bbb;
}
#post-navi ul li a:hover {
background-color: #333;
color: #fff;
}
li a:before {
font-family: 'design_plus';
width: 12px;
height: 12px;
line-height: 12px;
color: #111;
font-size: 12px;
display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
margin-top: 3px;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
li.prev a:before {
content: '\e90f';
left: 15px;
}
li.next a:before {
content: '\e910';
right: 15px;
}
@media screen and (max-width: 1100px){
#post-navi ul li {
height: 60px;
}
#post-navi ul li a {
padding: 1em;
height: 50%;
}
li.prev a,
li.next a {
line-height: 35px;
}
li.prev a:before {
left: 5px;
}
li.next a:before {
right: 5px;
}
}