@charset "UTF-8";
/*
Theme Name: Arancia
*/

/* ==========================================================================
   サイト毎の独自のスタイル
   ========================================================================== */

/* 基本フォント: ゴシック */
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap');

body{
font-family: zen-maru-gothic, sans-serif;
font-weight: 400;
font-style: normal;
color:#434341;
}

/* 基本フォント: 明朝 */
/**/
body{
    /* 游明朝体 */
    /*font-family: "游明朝体", "Yu Mincho", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
    /* ヒラギノ明朝 */
    /*font-family: 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro', 'Yu Mincho', '游明朝', 'MS Mincho', 'MS明朝', serif;*/
    color:#434341;
}

.gothic{
font-family: zen-maru-gothic, sans-serif;
font-weight: 400;
font-style: normal;
}
.mincho{
font-family: zen-maru-gothic, sans-serif;
font-weight: 500 !important;
font-style: normal;
}

@font-face {
    font-family: 'lim';
    src: url('/font/lim.eot?') format('oldIE'),
        url('/font/lim.woff') format('woff'),
        url('/font/lim.ttf') format('truetype');
}
.lim{
    font-family: 'lim';
}

a{
    color: inherit;
    text-decoration: none;
    color:#434341;
}
a:hover{
    /*text-decoration: underline;*/
    opacity: 0.8;
}

img{
    max-width: 100%;
}
a img:hover{
    opacity: 0.8;
}

img[class*="wp-image-"],
img[class*="attachment-"]{
    max-width: 100%;
    height: auto;
}

/* 動画埋め込みのレスポンシブ対応 */
.responsive_video { 
    position: relative; 
}

.responsive_video:before{
    content: "";
    display: block;
    padding-top:56.25%;
}
.responsive_video video, 
.responsive_video iframe, 
.responsive_video object, 
.responsive_video embed { 
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}



/* **********************************
 *  コンテナ
 * ********************************* */
.wrapper{
}
.container{
    width: 1120px;
    padding: 0 10px; 
    margin: 0 auto;
}
.section{
    width: 100%;
    margin-bottom: 50px;
    padding: 30px 0; 
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.pg_section{
    width: 100%;
    margin-bottom: 50px;
    padding: 0 0; 
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.pg_header{
    padding: 15px 0;
}


/* 共通のfloat ボックスとして定義しておく */
.box_l{
    float: left;
}
.box_r{
    float: right;
}

/* ▼サンプル▼ 利用箇所毎に幅指定だけで済むように */
/*
.post_list .post_box .box_l {
    width: 70%;
}
.post_list .post_box .box_r {
    width: 25%;
}
*/

/* ▼サンプル▼ リストなどでアイキャッチがない場合のclass */
/*
.post_list .post_box .box_w{
  width: 100%;
}
*/

/*
 * 共通クラスとして定義しておく
 * リスト組みのテンプレート
 * 
 */

.listbox{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.listbox .item{
    display: block;
    width: 100%;
}
.listbox .item .img{
    position: relative;
    display: block;
    overflow: hidden;
}
.listbox .item .img:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.listbox .item .img.img2x1:before{
    padding-top: 50%;
}
.listbox .item .img.img1x2:before{
    padding-top: 200%;
}
.listbox .item .img.img2x3:before{
    padding-top: 150%;
}
.listbox .item .img.img3x2:before{
    padding-top: 66.666666%;
}
.listbox .item .img.img3x4:before{
    padding-top: 133.333333%;
}
.listbox .item .img.img4x3:before{
    padding-top: 75%;
}
.listbox .item .img.img16x9:before{
    padding-top: 56.25%;
}
.listbox .item .img img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.listbox .item .title{

}
.listbox .item .date{

}
.listbox .item .txt{

}


/* ▼サンプル▼ 利用箇所ごとにマージンなど設定 */
/*
.post_content .col1,
.post_content .col2,
.post_content .col3{
  margin-bottom: 20px;
}
*/


/* **********************************
 *  ヘッダー
 * ********************************* */
header.tops{
    width:100%;
    padding:20px 20px 0 20px;
}
header.tops .in .container{
    height:100%;
    display: flex;
    justify-content:center;
    align-items: center;
}
header.tops .in{

    height:700px;
    background:url(/img/top/aratop.png) no-repeat center top;
}
header.tops .parts{
    text-align: center;
}
header.tops .parts h2{
    font-size:50px;
    margin:40px 0 20px 0;
    font-weight: normal;
    color:#fff;
    text-shadow: 0 1px 7px #000;
}
header.tops .parts .en_ttl{
    font-size:20px;
    color:#fff;
    text-shadow: 0 1px 7px #000;
}
header.tops .gnav{
    background:#f7ae59d6;
}

/*ヘッダー・下層*/
header.under{
    background:url(/img/shop/bg_bake.jpg) no-repeat center top;
    height:320px;
    margin:0 0 166px 0;
}
.post-type-archive-information header.under,
.single-information header.under{
    background:url(/img/info/bg_donuts.jpg) no-repeat center top;
}
header.under .gnav{
    margin:0;
    background:#eae3d7;
}
header.under .gnav ul{
    justify-content:center;
    align-items: center;
}
header.under .in>.container{
    height:320px;
    justify-content:center;
    align-items: center;
    display: flex;
}


/* **********************************
 *  グローバルナビ
 * ********************************* */
.gnav{
    background: #EEE;
    padding: 0 5px;
}
.gnav > ul{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    font-size: 16px;
}
.gnav > ul > li{
    /*width: 100%;*/
    position: relative;
    font-weight: 400;
    padding:18px 20px;
}
.gnav > ul > li.menu-item-has-children:after{
    content: "\f0d7";
    font-family: "FontAwesome";
    color: #FFF;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.gnav li a{
    color: #6a5937;
    text-decoration: none;
    display: block;
    padding:4px 0;
}
.gnav li.current a{
    /*text-decoration: underline;*/
    border-bottom:1px solid #6a5937;
}
.gnav li a:hover{
    /*  background: #333;
      color: #FFF;*/
}
.gnav li.sns:last-of-type{
    padding:18px 20px 18px 0;
}

.gnav .children,
.gnav .sub-menu{
    display: none;
    background: #aaa;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1;
}
.gnav li:hover > .children,
.gnav li:hover > .sub-menu{
    display: block;
}




.mv{
    position: relative;
    height: 500px;

    background: #CCC;
    /*background-image: url('/img/mv.jpg');*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.mv .mv_box{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.mv .mv_box .txt{
    font-size: 32px;
}
.mv .mv_box .img{

}
.mv .mv_box .img img{

}


/* **********************************
 *  フッター
 * ********************************* */
footer{

}
footer .ftr_contact{
    width:100%;
    background:url(/img/top/3-arancia4.jpg) no-repeat center top;
    background-size:cover;
    padding:35px 0;
}
footer .ftr_contact .container{
    display: flex;
    justify-content:center;
    align-items: center;
}
footer .ftr_contact .box{
    width:600px;
    text-align: center;
    background:rgba(255,255,255,0.9);
    padding:45px 10px 27px 10px;
}
footer .ftr_contact .box .ttl{
    font-size:24px;
    display: table;
    border-bottom:1px solid #434341;
    padding:0 0 5px 0;
    margin:0 auto;
}
footer .ftr_contact .box .sub_ttl{
    font-size:20px;
    font-weight: bold;
    padding:25px 0;
}
footer .ftr_contact .box table{
    margin:0 auto;
    text-align: left;
    font-size:14px;
}
footer .ftr_contact .box table th{
    font-weight: normal;
    padding:0 15px 10px 0;
}
footer .ftr_contact .box table td{
    padding:0 0 10px 0;
}
footer .ftr_contact .box table td:before{
    content:':';
    margin:0 10px 0 0;
}
footer .ftr_contact .box .txt{
    font-size:14px;
    width:335px;
    margin:0 auto;
    text-align: left;
}
footer .ftr_contact .box .tel{
    font-weight: bold;
    padding:26px 0;
    font-size:26px;
}
footer .ftr_contact .box .more{
    width:298px;
    line-height: 42px;
    background:#a4917c;
    text-align: center;
    font-size:14px;
    margin:0 auto;
}
footer .ftr_contact .box .more a{
    color:#fff;
    display: block;
    position: relative;
}
footer .ftr_contact .box .more a:after{
    content: '';
    width: 48px;
    height: 7px;
    background: url(/img/footer/arrow.png) no-repeat left top;
    display: inline-block;
    position: absolute;
    line-height: 42px;
    right: 7px;
    top: 15px;
}
footer .maps{
    width:100%;
    height:420px;
}
footer .maps iframe{
    width:100%;
    height:100%;
}
footer .page_top{
    text-align: center;
    background:#e5e5e4;
    font-size:14px;
}
footer .page_top a{
    display: block;
    padding: 7px 0;
}
footer .page_top a span{
    font-size:20px;
}
footer .ftr_btm{
    width:100%;
    background:#ED7732;
    color:#fff;
    padding:30px 0 5px 0;
}
footer .ftr_btm a{
    color:#fff;
}
footer .ftr_btm .logo{
    text-align: center;
}
footer .ftr_btm .ftr_nav{
    margin:20px 0;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    display: flex;
    justify-content:center;
}
footer .ftr_btm .ftr_nav a{
    padding: 18px 20px;
    display: block;
}
footer .ftr_btm .ftr_sns{
    display: flex;
    justify-content:center;
}
footer .ftr_btm .ftr_sns li{
    padding:0 10px;
}

footer .ftr1{
    margin-bottom: 30px;
}
footer .ftr1 .ftr_links{
    display: flex;
    justify-content: space-around;
}
footer .ftr1 .ftr_links li{
    width: 100%;
    border-right: 1px solid #c9c9c9;
    text-align: center;
}
footer .ftr1 .ftr_links li:first-child{
    border-left: 1px solid #c9c9c9;
}

footer .ftr2{

}
footer .ftr2 .box_l{

}
footer .ftr2 .box_r{
    text-align: right;
}

footer .copy{
    text-align: center;
    font-size: 12px;
    margin:30px 0 0 0;
}
footer .copy a{
    /*color: #111;*/
}


.footer_fix{
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #aec4e5;
    z-index: 10;
}
.footer_fix ul{
    /*display: table;*/
    width: 100%;
    font-size: 14px;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    /*padding: 3px;*/
}
.footer_fix ul li{
    /*display: table-cell;*/
    text-align: center;
    /*vertical-align: middle;*/
}
.footer_fix ul li.btn1{
    width: 38%;
    border-right:1px solid #fff;
}
.footer_fix ul li.btn2{
    width: 24%;
}
.footer_fix ul li a{
    display: block;
    padding: 15px 5px;
    background: #a3917c;
    color: #FFF;
    text-decoration: none;
}


/* 検索フォーム */
.pg_404{
    text-align: center;
}
.pg_404{

}

.search-form{
    padding: 20px 0;
}
.search-form .search-field{
    padding: 5px;
}
.search-form .search-submit{
    padding: 5px 10px;
}

.pg_image{

}
.pg_image .attachment{
    padding: 20px;
    background-color: #ececec;
    text-align: center;
}


/* 記事リスト */
.post_list{
    padding: 0 0;
}
.post_list .item{
    /*background: #f0f0f0; */
    padding: 45px 10px 20px 10px;
    border-bottom: 1px solid #a4917c;
    display: flex;
    align-items: center;
}
.post_list .item:first-of-type{
    padding:20px 10px 20px 10px;
}
.post_list .item:last-child{
}
.post_list .item .img{

}
.post_list .item .date{
    width: 100px;
    color:#9c8b5e;
}
.post_list .item .category{
    width: 150px;
    padding: 0 10px;
}
.post_list .item .category span{
    display: block;
    background: #CCC;
    text-align: center;
    padding: 3px;
}
.post_list .item .title{
    font-weight: normal;
    /*width: -moz-available;
    width: -webkit-fill-available;
    width: available;*/
    font-size:16px;
}
.post_list .item .title a{
    display: block;
}

.post_list .item .excerpt{

}
.post_list .item .more{

}


/* ページ送り */
.pagination{
    text-align: center;
    margin:50px 0 0 0;
}
.pagination .page-numbers{
    display: inline-block;
    font-size: 15px;
    border: 1px solid #a3917c;
    padding: 5px 10px;
    margin-bottom: 5px;
    color: #1e1e1e;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover{
    background: #eae3d6;
}

/* ページTOPに戻る */
.pagetop{
    display: none;
    position: fixed;
    right: 10px;
    bottom: 60px;
}
.pagetop a{
    display: block;
    font-size: 0;
    width: 42px;
    height: 42px;
    text-align: center;
}
.pagetop a i{
    font-size: 40px;
}

/* コンタクトフォーム */
.contact_form{
    width: 100%;
}
.contact_form tr{
    border-bottom: 1px dashed #999;
}
.contact_form th,
.contact_form td{
    padding: 15px;
    font-weight: normal;
    text-align: left;
}
.contact_form th .require{
    display: inline-block;
    padding: 2px 5px;
    color: #FFF;
    background: #eb6100;
    font-size: 14px;
    font-weight: normal;
    float: right;
}
.contact_form dl{
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.contact_form dl dt,
.contact_form dl dd{

}
.contact_form dl dt{
    width: 90px;
}
.contact_form dl dd{
    width: calc(100% - 90px);
}
.contact_form td .wpcf7-form-control-wrap{
    display: block;
}
.contact_form td .wpcf7-form-control-wrap + .wpcf7-form-control-wrap {
    margin-top: 5px;
}
.contact_form td .wpcf7-form-control ,
.contact_form td .wpcf7c-conf-hidden {
    padding: 10px;
    max-width: 100%;
    border: 1px solid #CCC;
    border-radius: 0;
}
.contact_form td .wpcf7-checkbox,
.contact_form td .wpcf7-radio{
    border: 0;
}
.contact_form td .wpcf7-text {
    width: 100%;
}
.contact_form td .wpcf7-textarea {
    width: 100%;
}
.contact_form td .wpcf7-file {
    width: 100%;
    border: 0;
}
.contact_form td .wpcf7-file + .wpcf7c-conf{
    width: 100%;
    border: 1px solid #398f14;
}
.contact_form td [name="zipcode"],
.contact_form td [name="addr1"]{
    width: 150px;
}
.contact_form td [name="addr1"]{
    width: 180px;
}
.contact_form td [name="addr2"]{
}
.contact_form td .wpcf7-form-control-wrap.zipcode{
    display: flex;
    align-items: stretch;
}
.contact_form td .wpcf7-form-control-wrap.zipcode:before{
    vertical-align: top;
    content: "〒";
    background: #CCC;
    width: 30px;
    padding: 0;
    margin: 0;
    border: 1px solid #CCC;
    border-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* 確認画面用 */
.wpcf7c-conf:not([type="radio"]):not([type="checkbox"]){
    background: #eeffe4;
    -webkit-box-shadow: 0 0 0px 1000px #eeffe4 inset;
    border: 1px solid #398f14;
    opacity: 0.9;
}
.wpcf7c-conf:checked + .wpcf7c-conf-hidden + .wpcf7-list-item-label{
    color: #398f14;
}
/*input:-webkit-autofill,
textarea:-webkit-autofill, 
select:-webkit-autofill {
  background-color: #eeffe4 !important;
  background-image: none !important;
  color: #666 !important;
}*/ 

/* コンタクトフォーム - ボタン */
.contact_form_btns{
    text-align: center;
    padding: 30px 0;
}
.contact_form_btns input[type="submit"],
.contact_form_btns input[type="button"]{
    background: #13b5b1;
    color: #FFF;
    border: 0;
    padding: 10px;
    width: 300px;
    margin: 0 10px;
}
.contact_form_btns input.wpcf7-confirm{

}
.contact_form_btns input.wpcf7-back{
    background: #CCC;
}
.contact_form_btns input.wpcf7-submit{
    background: #398f14;
}



/* **********************************
 *  トップ
 * ********************************* */

.pg_top {
    margin-top: 81px;
}
/*挨拶*/
.en_ttl{
    font-size:80px;
    line-height: 1;
    color:#ed7732;
	font-family: co-headline, sans-serif;
	font-weight: 700;
	font-style: normal;
	margin-top: 20px;
}
.greeting{
    background:#f8bb7480;
    padding:0 0 35px 0;
}
.greeting .container{
    display: flex;
    justify-content:space-between;
}
.greeting .sub{
    padding:50px 0 0 0;
}
.greeting .sub h2{
    font-weight: normal;
    font-size:26px;
    line-height: 36px;
    margin:40px 0 30px 0;
}
.greeting .sub .txt{
    font-size:16px;
    line-height: 30px;
}

/*お知らせ*/
.top_news{
    padding:20px 0 50px 0;
}
.top_news .ttl_area,
.top_rec .ttl_area,
.top_sweet .ttl_area{
    display: flex;
    align-items: center;
    justify-content:space-between;
}
.top_news .ttl_area .sub,
.top_sweet .ttl_area .sub{
    text-align: right;
}
.top_news .ttl_area .sub .ttl,
.top_rec .ttl_area .sub .ttl,
.top_sweet .ttl_area .sub .ttl,
.top_pason .sub .ttl{
    font-weight: normal;
    font-size:26px;
    margin:32px 0 0 0;
}
.top_news .kiji{
    display: block;
}
.top_news dl{
    display: flex;
    padding:25px 10px 19px 10px;
    border-bottom:1px solid #a6937c;
}
.top_news dl dt{
    width:12%;
    color:#9e8d5f;
}
.top_news dl dd{
    width:88%;
}
/*季節のおすすめ*/
.top_rec{
background: #f8bb7480;
    background-size:cover;
    padding:0 0 50px 0;
}
.top_rec .ttl_area{
    margin:0 0 8px 0;
}
.top_rec .slick-slide a{
display: block;
    margin: 0 22px;
    position: relative;
    height: 0;
    padding-top: 85%;
    border-radius: 50%;
}
.top_rec .slick-slide img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.slick-prev, .slick-next{
    width:30px;
    height:30px;
    z-index:5;
}
.slick-next {
    right: -25px;
    background:url(/img/top/rec_right.png) no-repeat center top;
}
.slick-prev {
    left: -25px;
    background:url(/img/top/rec_left.png) no-repeat center top;
}
.slick-prev:before, .slick-next:before{
    display: none;
}
.top_rec .more,
.pg_404 .more{
    width:320px;
    line-height: 48px;
    text-align: center;
    background:#fff;
    border:1px solid #d1c0a5;
    font-size:18px;
    margin:35px auto 0 auto;
}
.top_rec .more a,
.pg_404 .more a{
    display: block;
    position: relative;
}
.top_rec .more a:after,
.pg_404 .more a:after{
    content: '';
    width: 68px;
    height: 7px;
    background: url(/img/top/rec_info.png) no-repeat left top;
    display: inline-block;
    position: absolute;
    line-height: 42px;
    right: 12px;
    top: 19px;
}
/*スイーツリスト*/
.top_sweet{
    margin:40px 0 80px 0;
}
.top_sweet .box_area{
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
	    margin-top: 50px;
}
.top_sweet .box_area a{
    width:48%;
    position: relative;
    margin:0 0 35px 0;
}
.top_sweet .box_area a{
    display: block;
}
.top_sweet .box_area .box{
    display: flex;
    align-items: center;
}
.top_sweet .box_area .box .img{
    width:56%;
}
.top_sweet .box_area .box .ttl{
    width:44%;
    font-size:18px;
    text-align: center;
}
.top_sweet .box_area .box .ttl span{
    background:url(/img/top/sweet_border.jpg) no-repeat center bottom;
    display: inline-block;
    padding:0 0 5px 0;
}
.top_sweet .box_area .box:after{
    content:'';
    position: absolute;
    width:100%;
    height:100%;
    border:5px solid #ed7732;
    display: block;
}
/*店長挨拶*/
.top_pason .container{
    display: flex;
    justify-content:space-between;
    align-items:flex-end;
	margin-block: 100px;
}
.top_pason .sub{
    width:55%;
}
.top_pason .img{
    width:41%;
}
.top_pason .sub .txt{
    font-size:16px;
    line-height: 36px;
    text-align: justify;
    margin:25px 0 0 0;
    text-justify: inter-ideograph;
}

/* **********************************
 *  店舗のご案内
 * ********************************* */
.common .en_ttl,
.common h2{
    text-align: center;
}
.common h2{
    font-size:16px;
    font-weight: normal;
    margin:30px 0 60px 0;
}
.pg_shop,
.pg_404,
.pg_info{
    margin:0 0 250px 0;
}
.pg_shop .img{
    text-align: center;
    margin:0 0 27px 0;
}
.pg_shop .box_area{
    display: flex;
    justify-content:space-between;
}
.pg_shop .box_area .sub,
.pg_shop .box_area .map{
    width:49%;
}
.pg_shop .box_area .sub table{
    width:100%;
}
.pg_shop .box_area .sub table th{
    width:100px;
}
.pg_shop .box_area .sub table tr{
    background:#f3efe8;
}
.pg_shop .box_area .sub table tr:nth-of-type(2n){
    background:#fff;
}
.pg_shop .box_area .sub table th,
.pg_shop .box_area .sub table td{
    padding:19px 0;
}
.pg_shop .box_area .sub table th{
    width:19%;
    font-weight: normal;
}
.pg_shop .box_area .sub table td{
    width:81%;
}
.pg_shop .box_area .sub table th.cel2{
    padding:19px 20px;
    text-align: left;
    font-size:15px;
    line-height: 36px;
}
.pg_shop .box_area .map iframe{
    width:100%;
    height:100%;
}
.pg_shop .box_area .map .txt{
    margin:5px 0 0 0;
}

/* **********************************
 *  お知らせ（詳細）
 * ********************************* */
.pg_info .box_wrap h3{
    text-align: center;
    font-weight: normal;
    font-size:24px;
}
.pg_info .box_wrap .dates{
    color:#9c8b5e;
    text-align: center;
    margin:30px 0;
}
.pg_info .box_wrap .img{
    text-align: center;
    margin:0 0 36px 0;
}
.pg_info .box_wrap .txt{
    background:#f7f1e8;
    padding:25px;
    font-size:16px;
    line-height: 30px;
}
.news_link{
    margin:100px 0 0 0;
    display: flex;
    justify-content:space-between;
}
.news_link li{
    width:28%;
}
.news_link li a{
    border: 1px solid #ccba8b;
    display: block;
    line-height:50px;
    text-align: center;
    color:#434341;
    font-size:15px;
}
.news_link li:last-of-type i{
    margin:0 0 0 5px;
}
.news_link li:first-of-type i{
    margin:0 5px 0 0;
}


/* **********************************
 *  商品紹介（一覧）
 * ********************************* */
.pg_menu .sweet_cate {
    display: flex;
    justify-content: space-between;
    /* padding: 0 0 80px 0; */
    /* border-bottom: 3px solid #898989; */
    margin: 0 0 55px 0;
}
.pg_menu .sweet_cate .box{
    width:24%;
}
.pg_menu .sweet_cate .box .img img{
    width:100%
}
.pg_menu .sweet_cate .box .ttl{
    width:77%;
    line-height: 50px;
    text-align: center;
    margin:-25px auto 0 auto;
    font-size:15px;
    -webkit-box-shadow: 0 1px 4px rgba(8,1,3,.35);
    -moz-box-shadow: 0 1px 4px rgba(8,1,3,.35);
    box-shadow: 0 1px 4px rgba(8,1,3,.35);
    position: relative;
    z-index:5;
	    background: #ed7732;
    color: #fff;
    border-radius: 20px;
}
.pg_menu .sweet_cate .box a{
    display: block;
}
.pg_menu .sweet_cate .box.current .ttl {
    background: #ed7732;
    color: #fff;
    border-radius: 20px;
}
.pg_menu .cat_box .sub_ttl{
    line-height: 1;
    color: #ccba8b;
    font-size:50px;
    text-align: center;
}
.pg_menu .cat_box h3{
    font-size:20px;
    text-align: center;
    font-weight: normal;
    margin:15px 0 50px 0;
}
.pg_menu .itembox{
    display: flex;
    flex-wrap: wrap;
    /*justify-content:space-between;*/
}
.pg_menu .itembox .box{
    width:28%;
    margin:0 8% 35px 0;
}
.pg_menu .itembox .box:nth-of-type(3n){
    margin:0 0 35px 0;
}
.pg_menu .itembox .box .img{
    border: 10px solid #ed773252;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 92%;
    height: 0;
    margin: 0 0 15px 0;
}
.pg_menu .itembox .box .img img,
.pg_menu .box_wrap .img img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.pg_menu .itembox .box .ttl{
    text-align: center;
}
.pg_menu,
.pg_order{
    margin:0 0 230px 0;
}


/* **********************************
 *  商品紹介（詳細）
 * ********************************* */
.pg_menu .box_wrap{
    display: flex;
    justify-content:space-between;
}
.pg_menu .box_wrap .img{
    width:39%;
    height:0;
    border: 10px solid #f7f1e8;
    position: relative;
    overflow: hidden;
    padding-top:37%;
    height: 0;
}
.pg_menu .box_wrap .sub_box{
    width:57%;
}
.pg_menu .box_wrap .sub_box .ttl{
    font-size:24px;
    color:#ceb289;
    margin:0 0 23px 0;
}
.pg_menu .box_wrap .sub_box .price{
    color:#ce0000;
    font-weight: 500;
    margin:0 0 23px 0;
    font-size:18px;
}
.pg_menu .box_wrap .sub_box .txt{
    font-size:16px;
    line-height: 35px;
}
.pg_menu .box_wrap .sub_box .material{
    padding:18px;
    background:#f7f1e8;
    margin:50px 0 0 0;
}
.pg_menu .box_wrap .sub_box .material .mat_ttl{
    font-weight: 600;
    margin:0 0 5px 0;
}

/* **********************************
 *  ご予約について
 * ********************************* */
.pg_order .main_txt{
    text-align: center;
    font-size:16px;
    border-radius: 10px;
    border:1px solid #d1c0a5;
    padding:15px 10px;
    line-height: 30px;
}
.pg_order .order_tel{
    margin:46px 0 16px 0;
}
.pg_order .order_tel .ttl{
    text-align: center;
    font-size:24px;
    font-weight: 600;
    margin:0 0 10px 0;
}
.pg_order .order_tel .box{
    background:#d1c0a5;
    padding:10px;
}
.pg_order .order_tel .box .in{
    border:1px solid #fff;
    padding:35px;
}
.pg_order .order_tel .box .tel{
    text-align: center;
    font-size:46px;
    line-height: 1;
    font-weight: 500;
}
.pg_order .order_tel .box .tel a{
    color:#ff5353;
}
.pg_order .order_tel .box .time{
    text-align: center;
    color:#ff5353;
    margin:5px 0 0 0;
    padding:0 0 8px 0;
    border-bottom:1px dotted #181818;
}
.pg_order .order_tel .box .sub_ttl{
    text-align: center;
    font-weight: 500;
    margin:15px 0;
}
.pg_order .order_tel .box ul{
    display: flex;
    width: 811px;
    margin: 0 auto;
    flex-wrap: wrap;
}
.pg_order .order_tel .box ul li{
    width:31%;
    margin:0 1% 15px 0;
}
.pg_order .order_tel .box ul li.long{
    margin:0;
    width:100%;
}
.pg_order .attention{
    margin:0 auto 25px auto;
    width:660px;
}
.pg_order .attention dt{
    font-weight: 500;
    margin:0 0 5px 0;
}
.pg_order .attention dd{
    font-size:16px;
    line-height: 30px;
}
.pg_order .order_form{
    margin:100px 0 0 0;
}
.pg_order .order_form .ttl{
    text-align: center;
    font-weight: 600;
    font-size:24px;
    padding:0 0 5px 0;
    margin:0 0 30px 0;
    border-bottom:5px solid #d1c0a5;
}
.pg_order .order_form table{
    width:100%;
    border-bottom:1px solid #898989;
    border-left:1px solid #898989;
}
.pg_order .order_form table th,
.pg_order .order_form table td{
    border-top:1px solid #898989;
    border-right:1px solid #898989;
}
.pg_order .order_form table th{
    background: #eeeeee;
    width: 27%;
    font-weight: 500;
    padding: 18px 0;
}
.pg_order .order_form table th.yellow{
    background:#fefac8;
}
.pg_order .order_form table th span{
    font-size:14px;
    display: block;
}
.pg_order .order_form table td{
    width:73%;
    padding:7px 15px;
}
.your_name input,
.your_name_2 input,
.your_mail input{
    border:1px solid #898989;
    border-radius: 5px;
    background:#f8f8f8;
    height:46px;
    padding:5px;
}
.your_name input,
.your_name_2 input{
    width:370px;
}
.your_mail input{
    width:500px;
}
.your_card_2 textArea,
.your_message textArea{
    border:1px solid #898989;
    border-radius: 5px;
    width:100%;
    background:#f8f8f8;
    height:115px;
    padding:5px;
}
span.wpcf7-list-item{
    margin:0 1em 0 0;
}
select{
    height:46px;
    border-radius: 5px;
    background:#f8f8f8;
    margin:0 10px 0 0;
}
.your_wish_month select,
.your_wish_date select,
.your_wish_time_1 select,
.your_wish_time_2 select,
.your_rosoku_1 select,
.your_rosoku_2 select{
    width:100px;
}
.your_wish_date select,
.your_wish_time_2 select,
.your_rosoku_2 select,
.your_menu_1_2 select,
.your_menu_2_2 select,
.your_menu_3_2 select,
.your_menu_4_2 select,
.your_menu_5_2 select,
.your_menu_6_2 select,
.your_menu_7_2 select,
.your_menu_8_2 select,
.your_menu_9_2 select{
    margin:0 10px;
}
.your_rosoku_2 select
.your_rosoku_2 select,
.your_menu_1_2 select,
.your_menu_2_2 select,
.your_menu_3_2 select,
.your_menu_4_2 select,
.your_menu_5_2 select,
.your_menu_6_2 select,
.your_menu_7_2 select,
.your_menu_8_2 select,
.your_menu_9_2 select,
.your_menu_10_2 select,
.your_menu_11_2 select,
.your_menu_12_2 select,
.your_menu_13_2 select,
.your_menu_13_2b select,
.your_menu_13_2c select,
.your_menu_13_2d select,
.your_menu_14_2 select,
.your_menu_15_2 select,
.your_menu_16_2 select,
.your_menu_13_2_a select{
    width:200px;
}
.your_rosoku_2 select{
  width:100px;
}
.your_menu_1_1 select,
.your_menu_2_1 select,
.your_menu_3_1 select,
.your_menu_4_1 select,
.your_menu_5_1 select,
.your_menu_6_1 select,
.your_menu_7_1 select,
.your_menu_8_1 select,
.your_menu_9_1 select{
    width:255px;
}
.pg_order .order_form table td span.detail{
    display: inline-block;
    font-size: 13px;
    padding: 0px 0 0 10px;
    vertical-align: middle;
}
.pg_order .order_form .btn_area{
    width:100%;
    margin:50px 0 0 0;
    text-align: center;
}
.pg_order .order_form .btn_area .btn_edit,
.pg_order .order_form .btn_area .btn_conf,
.pg_order .order_form .btn_area .btn_submit{
    border-radius: 5px;
    border:0;
    font-weight: 500;
    height:62px;
}
.pg_order .order_form .btn_area .btn_conf,
.pg_order .order_form .btn_area .btn_submit{
    width:360px;
    position: relative;
    background:#d1c0a5;
}
.pg_order .order_form .btn_area .btn_edit{
    margin: 0 2% 0 0;
    background: #eee;
    width: 120px;
}

.pg_order .policy{
    margin:100px 0 0 0;
}
.pg_order .policy .ttl{
    line-height: 60px;
    width:100%;
    text-align: center;
    background:#e5e5e5;
    border:1px solid #898989;
    font-weight: 500;
}
.pg_order .policy .box{
    padding:15px;
    border-right:1px solid #898989;
    border-left:1px solid #898989;
    border-bottom:1px solid #898989;
}
.pg_order .policy .box .txt,
.pg_order .policy .box ul li{
    font-size:16px;
    line-height: 30px;
    margin:0 0 30px 0;
    text-align: justify;
    text-justify: inter-ideograph;
}
.pg_order .policy .box ul li:last-of-type{
    margin:0;
}
.pg_order .policy .box ul li{
text-indent: -1em;
  padding-left: 1em;
}
.slick-initialized .slick-slide li img{
  width:100%;
}


.box9 {
    padding: 2em 2em;
    margin: 2em 0;
    color: #ff7d6e;
    background: #ffebe9;
    border-top: solid 10px #ff7d6e;
    font-size: 35px;
    font-family: sans-serif;
    font-weight: bold;
    text-align: center;
}
.box9 p {
    margin: 0; 
    padding: 0;
}

@media (min-width: 992px) {
    .box9 {
    padding: 2em 2em;
    margin: 2em 0;
    color: #ff7d6e;
    background: #ffebe9;
    border-top: solid 10px #ff7d6e;
    font-size: 35px;
    font-family: sans-serif;
    font-weight: bold;
    text-align: center;
}
}
@media (max-width: 745px) {
audio, canvas, iframe, img, svg, video {
    width: 100%;
}
}