@charset "utf-8";
/*
Theme Name:mrp-child
Template:mrp
Version: 1.0.0
*/
/*
DesignCode CSS: ver 0.01
*/
/*------------------------------------------------------
Theme Material
------------------------------------------------------*/
body {
	font-size: 16px;
	line-height: 2;
}
/* オリジナル */

/* 投稿の四角い箱の色 */
.post .time, .postlist .time, .post2b .time, .post4b .time {
    background: #C9C3AD;
}
/* フッター周り　後で色変更 */
footer#footer {
    background: #C9C3AD;
}
div#copyright {
    background: #C9C3AD;
    color: #777;
    font-weight: 700;
}
#footer li a, .footeradd, .footertel, #footer li a:hover {
    color: #777;
}
#footer .footnav ul>li::before, #footer .footnav ul>li::after {
    background: #777;
}
.max_w1520 {
    max-width: 1520px;
    width: 90%;
}
/*お問い合わせページのボタン　デザイン*/
.page-id-21 .linkBtn {
    padding: 0 !important;
}
/*お問合わせページの色（hover時も）*/
.linkBtn, .post .linkBtn {
    background: #C9C3AD;
}
.linkBtn:hover, .post .linkBtn:hover {
    background: #C9C3AD;
    opacity: 0.7;
}
/*送信の位置を真ん中にする*/
.post .subimitarea .linkBtn input[type="submit"] {
    padding: 20px 35px 20px 35px;
}
#privacy h3 {
    color: rgb(51, 51, 51);
    font-size: min(1.6rem + (1vw - 19.2px) * 0.1294, 2.2rem);
    font-weight: 600;
    text-align: left;
    background: none;
    padding: 0px 0px 10px;
    margin: min(40px + (1vw - 19.2px) * 0.9709, 40px) auto min(20px + (1vw - 19.2px) * 0.6472, 20px);
    border-width: 0px 0px 1px;
    border-style: dashed;
    border-color: rgb(221, 221, 221);
}
.post h2 {
    margin: 0;
    text-align: start;
}
.post h2::after {
    display: none;
}
.post h3 {
    margin: 0;
    padding: 0;
    border-bottom: none;
}
.mb005 {
    margin-bottom: 0.5vw !important;
}
.mb1 {
    margin-bottom: 1vw !important;
}
.mb2 {
    margin-bottom: 2vw !important;
}
.mb3 {
    margin-bottom: 3vw !important;
}
.mb4 {
    margin-bottom: 4vw !important;
}
.mb5 {
    margin-bottom: 5vw !important;
}
.mb6 {
    margin-bottom: 6vw !important;
}
.mb7 {
    margin-bottom: 7vw !important;
}
.mb8 {
    margin-bottom: 8vw !important;
}
.mb9 {
    margin-bottom: 9vw !important;
}
.mb10 {
    margin-bottom: 10vw !important;
}
.mb13 {
    margin-bottom: 13vw !important;
}
.mb15 {
    margin-bottom: 15vw !important;
}
.mb17 {
    margin-bottom: 17vw !important;
}
.pt1 {
    padding-top: 1vw !important;
}
.pt2 {
    padding-top: 2vw !important;
}
.pt3 {
    padding-top: 3vw !important;
}
.pt4 {
    padding-top: 4vw !important;
}
.pt5 {
    padding-top: 5vw !important;
}
.pt12 {
    padding-top: 12vw !important;
}
.pt6 {
    padding-top: 6vw !important;
}
.pt7 {
    padding-top: 7vw !important;
}
.pl2 {
    padding-left: 2vw !important;
}
.pl3 {
    padding-left: 3vw !important;
}
.bg_img {
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
.max_contents {
    width: 100vw;
    margin-left: calc(((100vw - 100%) / 2)* -1);
    margin-right: calc(((100vw - 100%) / 2)* -1);
}
.mxauto {
    margin: 0 auto;
}
.cat-news h1.title.first span {
    font-size: clamp(18px, 2.1vw, 40px);
}
.page-id-21 .comon_footer {
    display: none;
}
.jc_around {
    justify-content: space-around;
}
.post .linkBtn input[type="submit"] {
    padding: 20px 35px 20px 35px;
}
@media screen and (min-width: 769px) {
    .columns, .flexbox {
        display: flex;
        flex-wrap: wrap;
    }
}
/* フッター */
.contact_btn.border_right {
    border-right: 1px solid#B4B4B4;
}
.sec02 {
    padding: 3vw 0;
}
p.contact_form {
    text-align: center;
    font-size: clamp(18px, 1.5vw, 28px);
    font-weight: 400;
}
span.detai {
    display: block;
    font-size: 15px;
}
.contact_btn {
    padding: 3vw 0;
}
p.footer_title {
    font-size: clamp(40px, 3.7vw, 70px);
    color: #fff;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 600;
}
span.footer_logo {
    display: block;
    line-height: 1;
}
.bg_footer {
    background-image: url(https://yakitorisakura.com/wp-content/uploads/bg_footer2.png);
    padding: 10vw 0;
}
/* メニュー */
.card04 {
    width: 24%;
}
.menu_price {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #B4B4B4;
    margin-bottom: 1.0vw;
    padding-bottom: 0.5vw;
}
.w32 {
    width: 32%;
}
p.menu_p {
    font-size: clamp(18px, 1.2vw, 22px);
    font-weight: 400;
}
p.menu_topic {
    background: #9A947F;
    text-align: center;
    font-size: clamp(24px, 1.9vw, 35px);
    color: #fff;
    font-family: 'Shippori Mincho';
    margin-bottom: 2vw;
}
/* コンセプト */
.w48 {
    width: 48%;
}
.bg_concept {
    background-image: url(https://yakitorisakura.com/wp-content/uploads/bg_concept2.png);
    padding: 11vw 0;
    position: relative;
}
p.concept_top {
    font-size: clamp(19px, 1.7vw, 32px);
    color: #fff;
    font-family: "Shippori Mincho", serif;
    padding-left: 3vw;
}
.bg_concept::before {
    position: absolute;
    content: "";
    top: 38%;
    right: 0;
    width: 43vw;
    height: 100%;
    background-image: url(https://yakitorisakura.com/wp-content/uploads/concept_item2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
}
/* トップ */
span.heading_item img {
    width: 5.5vw;
    min-width: 40px;
}
a#scrollUp {
    background: #9A947F;
}
.post p {
    line-height: 2;
}
.img_absolute_img01 img {
    width: 26vw;
}
.img_absolute_img02 img {
    width: 34vw;
}
p.shop01 {
    font-size: clamp(16px, 1vw, 18px);
}
p.shop02 {
    font-size: clamp(16px, 1vw, 18px);
    font-weight: 700 !important;
}
span.heading_item.ex {
    line-height: 0;
}
.shop_area {
    padding: 6vw 0;
}
.company_map {
    width: 65%;
}
.bg_top02 {
    background-color: #FDF9F2;
    padding-bottom: 7vw;
}
h2.maintitle {
    font-family: 'Shippori Mincho';
    font-size: clamp(20px, 2.3vw, 44px);
    font-weight: 400;
}
h3.subtitle02 {
    font-family: "Shippori Mincho", serif;
    font-size: clamp(24px, 2.3vw, 44px);
    font-weight: 400;
    color: #fff;
}
.card03::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0.56;
    height: 100%;
    background: #000;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    transition: .3s;
}
.img_01 {
    background-image: url(https://yakitorisakura.com/wp-content/uploads/top_menu01_2.png);
}
.img_02 {
    background-image: url(https://yakitorisakura.com/wp-content/uploads/top_menu02_2.png);
}
.img_03 {
    background-image: url(https://yakitorisakura.com/wp-content/uploads/top_menu03.png);
}
.menu_item {
    width: 29%;
}
.card03 {
    padding: 15vw 0;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    position: relative;
    transition: .3s;
}
.card-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
p.heading {
    color: #EDE5DB !important;
    font-size: clamp(30px, 4.7vw, 90px) !important;
    font-family: "Josefin Sans", sans-serif !important;
    font-weight: 300 !important;
    line-height: 1 !important;
}
span.heading_item {
    display: block;
    padding-bottom: 2vw;
}
p.topic {
    font-family: "Josefin Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    border-bottom: 1px solid #B4B4B4;
    padding-bottom: 0.5vw !important;
}
h3.subtitle {
    font-size: clamp(18px, 1.5vw, 28px);
    font-weight: 400;
    font-family: "Shippori Mincho", serif;
    margin-bottom: 2vw;
}
.text_area {
    margin-left: auto;
    max-width: 576px;
}
.relative {
    position: relative;
}
.img_absolute_img01 {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 27%;
}
.img_absolute_img02 {
    position: absolute;
    z-index: 1;
    top: -5%;
    left: 14%;
}
.max_w1680 {
    max-width: 1680px;
    width: 90%;
}
.top01 {
    margin-bottom: 500px;
}
/* テーブル */
.table-item table, .table-item table th, .table-item table td {
    border-width: 0px;
}
.table-item tr td {
    font-size: clamp(16px, 1.2vw, 22px);
    font-weight: 400;
    padding: 25px 3%;
    vertical-align: middle;
}
.table-item td.cell_01 {
    /*     width: 25%; */
    width: 18%;
    border-bottom: 2px solid #9D8C4F;
}
.table-item td.cell_02 {
    border-bottom: 2px solid #9f9f9f;
}
/* ボタン */
.btn-item.margin0 a {
    margin: 0;
}
.btn-item {
    padding-top: 2vw;
}
.btn-item a {
    position: relative;
    display: block;
    text-align: center;
    color: #333333;
    font-size: 16px;
    font-weight: 300;
    width: 300px;
    padding: 15px 0;
    border: 1px solid #707070;
    text-decoration: none;
    transition: 0.3s;
    font-family: "Josefin Sans", sans-serif;
    margin: 0 auto;
}
.btn-item a::before {
    width: 10px;
    height: 10px;
    background: #333333;
    border-radius: 50%;
    content: "";
    position: absolute;
    right: 10px;
    transform: translateY(-50%);
    top: 50%;
}
/*以下カーソルを合わせた際の色の変更アニメーション*/
.btn-item a:hover::before {
    background-color: #D4D4D4;
}
.btn-item a:hover::after {
    color: #333333;
}
/* 投稿 */
h1.title.first.top-loop span {
    font-family: 'Shippori Mincho';
    font-size: clamp(20px, 2.3vw, 44px);
    font-weight: 400;
    color: #000;
}
#front_top_content, #front_bottom_content {
    background: transparent;
}
/* ヘッダー */
.spmenu #menu span, .spmenu #menu span:before, .spmenu #menu span:after {
    background: #fff;
}

h1.title.first span {
    font-size: clamp(30px, 2.8vw, 52px);
    font-weight: 500;
    font-family: 'Shippori Mincho';
    color: #9A947F;
}
#thumbImg::before, header#h1Header::before {
    background: #fff;
}
header#header {
    background: #9A947F;
}
.sticky-header #header>.inner {
    background: #9A947F;
}
#header .logo img {
    width: 100%;
    max-width: 306px;
    max-height: 63px;
}
nav#mainNav ul li a b, nav#mainNav ul li a span {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    font-family: "Shippori Mincho", serif;
}
.page-id-25 #header {
    position: absolute;
    background: transparent;
}
/*--メディアクエリ--------------------------------------------*/
@media (min-width: 769px) and (max-width: 1023px) {

}
@media print, screen and (max-width: 1023px) {
	    .mobile #header {
        background: #9A947F ;
    }
}
@media print, screen and (min-width: 1024px) {
    nav#mainNav ul li.current-menu-item a b, nav#mainNav ul li a:hover b, nav#mainNav ul li a:active b, nav#mainNav ul li.current-menu-parent a b {
        color: #fff;
        border-bottom: 1px solid #fff;
    }
    /* メニューhoverした時の背景の色 */
    nav#mainNav ul li a:active, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-ancestor a, nav#mainNav ul li.current-menu-item a, nav#mainNav ul li.current-menu-parent a {
        background: transparent;
    }
    /*メニュー白く浮かび上がる 対策*/
    nav#mainNav ul li.current-menu-item a {
        background: transparent;
    }
}
@media print, screen and (max-width: 1024px) {
    .card04 {
        width: 48%;
        margin-bottom: 40px;
    }
    .menu_item {
        width: 48%;
        margin-bottom: 8%;
    }
}
@media print, screen and (min-width: 769px) {}
@media print, screen and (max-width: 768px) {
    .table-item td.cell_01 {
        text-align: center;
        border-bottom: 2px solid #CBCBCB;
    }
    .w32 {
        width: 100%;
    }
    .contact_btn.border_right {
        border-right: none;
    }
    .bg_concept::before {
        width: 26vw;
        top: 78%;
    }
    .w48 {
        width: 100%;
    }
    nav#mainNav ul li a b, nav#mainNav ul li a span {
        color: #9A947F;
        font-size: 16px;
    }
    .shop_area {
        padding: 20vw 0;
    }
    .sec02 {
        padding: 10vw 0;
    }
    .img_absolute_img01 img {
        width: 40vw;
    }
    .img_absolute_img02 img {
        width: 80vw;
    }
    .sppt20 {
        padding-top: 25vw;
    }
    .text_area {
        max-width: unset;
		padding: 0;
    }
    span.footer_logo img {
        width: 7.2vw;
        min-width: 70px;
    }
    .btn-item a {
        width: 250px;
        padding: 10px 0;
    }
    .btn-item {
        padding-top: 5vw;
    }
    .bg_img.bg_top02 {
        padding: 20vw 0;
    }
    .card03 {
        padding: 20vw 0;
    }
    .company_map {
        width: 100%;
    }
    .img_absolute_img01 {
        top: 12%;
    }
    .img_absolute_img02 {
        position: unset;
        text-align: right;
    }
    .table-item tr td {
        display: block;
        width: 100% !important;
    }
    .table-item td.cell_02 {
        text-align: center;
        border-bottom: 2px solid #9D8C4F;
    }
    .card04 {
        width: 80%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 5vw;
    }
    .card-list {
        display: block;
    }
    .menu_item {
        width: 100%;
        margin: auto;
        margin-bottom: 5vw;
    }
    /* 	spオリジナル */
    /* スマホのメニュー右上 三本線	 */
    .spmenu #menu span, .spmenu #menu span:before, .spmenu #menu span:after {
        background: #fff;
    }
    .spmenu #menu p {
        color: #fff;
    }
    .sp_flex_mb {
        margin-bottom: 5vw;
    }
    .sp_w90 {
        width: 90%;
        margin: auto;
    }
    .spmb10 {
        margin-bottom: 10vw !important;
    }
    .spmb15 {
        margin-bottom: 15vw !important;
    }
    .spmb20 {
        margin-bottom: 20vw !important;
    }
    .spmb4 {
        margin-bottom: 4vw !important;
    }
    .sppt0 {
        padding-top: 0vw !important;
    }
    .sppt5 {
        padding-top: 5vw !important;
    }
    .sppt10 {
        padding-top: 10vw !important;
    }
    .sp_txt_l {
        text-align: left !important;
    }
    .sp_txt_c {
        text-align: center;
    }
    .spmb2 {
        margin-bottom: 2vw !important;
    }
    .spmb3 {
        margin-bottom: 3vw !important;
    }
    .spmb5 {
        margin-bottom: 5vw !important;
    }
    .spmb8 {
        margin-bottom: 8vw !important;
    }
    .sp_flex {
        display: flex;
        flex-wrap: wrap;
    }
}