.top_bnr{padding:80px 0}@media screen and (max-width: 768px){.top_bnr{padding:30px 0}}.top_news{background-color:#F5F4F3;position:relative;padding:100px 0}@media screen and (max-width: 768px){.top_news{padding:50px 0}}.top_news .inner{position:relative}@media screen and (max-width: 768px){.top_news .inner .titleBox img{max-width:none;width:115px;height:auto}}.top_news .inner .titleBox h2{font-weight:normal;font-size:18px;padding:5px 0}.top_news .inner .news_area{max-width:1028px;margin:0 auto}.top_news .inner .news_area ul li{padding:30px 0;border-bottom:1px solid #C0A351}.top_news .inner .news_area ul li:last-child{border-bottom:none}.top_news .inner .news_area ul li a{position:relative;display:flex;justify-content:flex-start;flex-wrap:wrap;font-size:16px}@media screen and (max-width: 768px){.top_news .inner .news_area ul li a{font-size:14px}}.top_news .inner .news_area ul li a .time{width:13%;color:#C0A351}@media screen and (max-width: 768px){.top_news .inner .news_area ul li a .time{width:100%}}.top_news .inner .news_area ul li a .tx{width:87%}@media screen and (max-width: 768px){.top_news .inner .news_area ul li a .tx{width:100%;line-height:160%}}.top_news .inner .news_area .link{display:flex;justify-content:flex-end}.top_news .inner .news_area .link a{position:relative;width:200px;display:flex;justify-content:flex-end;align-items:center;font-size:18px;font-weight:600}@media screen and (max-width: 768px){.top_news .inner .news_area .link a{font-size:16px}}.top_news .inner .news_area .link a:before{content:"";display:block;width:64px;height:64px;background:url("../images/common/arrow.svg") no-repeat center;background-size:100%;margin:0 10px 0 0}@media screen and (max-width: 768px){.top_news .inner .news_area .link a:before{width:50px;height:50px}}.top_Box1{position:relative;height:650px;padding:100px 0;overflow:hidden}@media screen and (max-width: 768px){.top_Box1{padding:50px 0 300px;height:auto}}.top_Box1 .inner{display:flex;justify-content:flex-end;position:relative;z-index:2}@media screen and (max-width: 768px){.top_Box1 .inner{display:block}}.top_Box1 .inner p{position:relative;z-index:2;font-size:30px;font-weight:600;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}@media screen and (max-width: 768px){.top_Box1 .inner p{font-size:20px;-ms-writing-mode:horizontal-tb;writing-mode:horizontal-tb}}.top_Box1 .inner .scroll_slider{position:absolute;top:0;left:-220px;width:100%;z-index:1;display:flex;overflow:hidden}@media screen and (max-width: 768px){.top_Box1 .inner .scroll_slider{left:0;top:150px}}@keyframes infinity-scroll-right{from{transform:translateX(-100%)}to{transform:translateX(0%)}}.top_Box1 .inner .scroll_slider ul{display:flex}@media screen and (max-width: 768px){.top_Box1 .inner .scroll_slider ul{animation:infinity-scroll-right 20s infinite linear 0.5s both}}.top_Box1 .inner .scroll_slider ul.sec{display:none}@media screen and (max-width: 768px){.top_Box1 .inner .scroll_slider ul.sec{display:flex}}.top_Box1 .inner .scroll_slider ul li{margin:0 20px}@media screen and (max-width: 768px){.top_Box1 .inner .scroll_slider ul li{width:calc(100vw / 2);margin:0 5px}}.top_Box1 .inner .scroll_slider ul li:nth-child(2){margin:60px 20px 0}@media screen and (max-width: 768px){.top_Box1 .inner .scroll_slider ul li:nth-child(2){margin:0 5px}}.top_Box2{background-color:#231815;padding:100px 0;color:#FFF}@media screen and (max-width: 768px){.top_Box2{padding:20px 0 50px}}.top_Box2 .inner .title{position:relative;margin:0 0 100px}@media screen and (max-width: 768px){.top_Box2 .inner .title{margin:0 0 30px}}.top_Box2 .inner .title:after{content:"";display:block;width:100%;height:1px;border-bottom:1px solid #FFF;position:absolute;top:50%;right:0;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%);z-index:1}.top_Box2 .inner .title h2{position:relative;display:inline-block;font-size:30px;position:relative;background-color:#231815;z-index:2;padding:0 60px 0 0}@media screen and (max-width: 768px){.top_Box2 .inner .title h2{font-size:18px;padding:0 30px 20px 0}}.top_Box2 .inner .inBox{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;border-bottom:1px solid #DCDCDC;max-width:1028px;margin:0 auto;padding:0 0 50px}@media screen and (max-width: 768px){.top_Box2 .inner .inBox{padding:0 0 30px}}.top_Box2 .inner .inBox .imgBox{width:48%;text-align:center}@media screen and (max-width: 768px){.top_Box2 .inner .inBox .imgBox{width:100%;padding:0 0 30px}}.top_Box2 .inner .inBox .txBox{width:50%}@media screen and (max-width: 768px){.top_Box2 .inner .inBox .txBox{width:100%}}.top_Box2 .inner .inBox .txBox h3{font-size:24px;padding:0 0 20px}@media screen and (max-width: 768px){.top_Box2 .inner .inBox .txBox h3{font-size:17px}}.top_Box2 .inner .inBox .txBox h3.or{color:#F08300}.top_Box2 .inner .inBox .txBox p{line-height:200%}@media screen and (max-width: 768px){.top_Box2 .inner .inBox .txBox p{font-size:14px}}.top_Box2 .inner .inBox.sec{border-bottom:none;padding:50px 0 0 0}@media screen and (max-width: 768px){.top_Box2 .inner .inBox.sec{padding:30px 0 0 0}}.top_Box2 .inner .inBox.sec .sp_title{display:none}@media screen and (max-width: 768px){.top_Box2 .inner .inBox.sec .sp_title{display:block;font-weight:700;font-size:17px;padding:0 0 20px}}.top_Box2 .inner .inBox.sec .imgBox{order:2}@media screen and (max-width: 768px){.top_Box2 .inner .inBox.sec .imgBox{order:1;padding:0 30px 20px}}.top_Box2 .inner .inBox.sec .txBox{order:1}@media screen and (max-width: 768px){.top_Box2 .inner .inBox.sec .txBox{order:2}}@media screen and (max-width: 768px){.top_Box2 .inner .inBox.sec .txBox h3{display:none}}.top_Box2 .inner .link{display:flex;justify-content:flex-end;padding:50px 100px 0 0}.top_Box2 .inner .link a{position:relative;width:200px;display:flex;justify-content:flex-end;align-items:center;font-size:18px;font-weight:600}@media screen and (max-width: 768px){.top_Box2 .inner .link a{font-size:16px}}.top_Box2 .inner .link a:before{content:"";display:block;width:64px;height:64px;background:url("../images/common/arrow.svg") no-repeat center;background-size:100%;margin:0 10px 0 0}@media screen and (max-width: 768px){.top_Box2 .inner .link a:before{width:50px;height:50px}}@media screen and (max-width: 768px){.top_Box2 .inner .link{padding:50px 0 0 0}}.top_Box2 .inner .link a{color:#FFF}.top_Box3{background-color:#F5F4F3;padding:100px 0}@media screen and (max-width: 768px){.top_Box3{padding:50px 0}}.top_Box3 .box1{width:100%;max-width:none;padding:0 10%}@media screen and (max-width: 1530px){.top_Box3 .box1{padding:0 5%}}@media screen and (max-width: 1200px){.top_Box3 .box1{padding:0 3%}}@media screen and (max-width: 768px){.top_Box3 .box1 h2{width:160px;height:auto;max-width:none}}.top_Box3 .box1 .tx{font-size:18px;padding:0 0 50px}@media screen and (max-width: 768px){.top_Box3 .box1 .tx{font-size:16px}}.top_Box3 .flex{display:flex;justify-content:space-between;flex-wrap:wrap;background-color:#FFF;overflow:hidden}.top_Box3 .flex .txBox{width:50%;display:flex;justify-content:center;align-items:center;padding:50px 0}@media screen and (max-width: 768px){.top_Box3 .flex .txBox{width:100%;padding:30px 0}}@media screen and (max-width: 1000px){.top_Box3 .flex .txBox .in{padding:0 20px}}.top_Box3 .flex .txBox .in .tx1{font-size:24px;font-weight:600;padding:0 0 30px}@media screen and (max-width: 768px){.top_Box3 .flex .txBox .in .tx1{font-size:16px}}@media screen and (max-width: 1000px){.top_Box3 .flex .txBox .in .tx1 br{display:none}}.top_Box3 .flex .txBox .in .tx2{padding:30px 0}.top_Box3 .flex .txBox .in .tx2 span{font-weight:600}.top_Box3 .flex .txBox .in .link{display:flex;justify-content:flex-end;justify-content:flex-start}.top_Box3 .flex .txBox .in .link a{position:relative;width:200px;display:flex;justify-content:flex-end;align-items:center;font-size:18px;font-weight:600}@media screen and (max-width: 768px){.top_Box3 .flex .txBox .in .link a{font-size:16px}}.top_Box3 .flex .txBox .in .link a:before{content:"";display:block;width:64px;height:64px;background:url("../images/common/arrow.svg") no-repeat center;background-size:100%;margin:0 10px 0 0}@media screen and (max-width: 768px){.top_Box3 .flex .txBox .in .link a:before{width:50px;height:50px}}@media screen and (max-width: 768px){.top_Box3 .flex .txBox .in .link a{width:auto}}.top_Box3 .flex .imgBox{width:50%;background:url("../images/content/topImg7.jpg") no-repeat center;background-size:cover}@media screen and (max-width: 768px){.top_Box3 .flex .imgBox{width:100%;height:330px}}.top_Box3 .box2{padding:100px 0;max-width:1028px;display:flex;justify-content:space-between;flex-wrap:wrap}@media screen and (max-width: 1080px){.top_Box3 .box2{padding:100px 20px}}@media screen and (max-width: 768px){.top_Box3 .box2{padding:30px 20px}}.top_Box3 .box2 .inBox{width:33.3%;background-color:#FFF;padding:50px 30px;border:1px solid #F5F4F3}@media screen and (max-width: 768px){.top_Box3 .box2 .inBox{padding:20px 10px;width:50%}}.top_Box3 .box2 .inBox .title{text-align:center;color:#C0A351;font-size:18px;font-weight:bold;padding:0 0 30px}@media screen and (max-width: 768px){.top_Box3 .box2 .inBox .title{font-size:16px;padding:0 0 20px}}.top_Box3 .box2 .inBox .imgBox{height:100px;text-align:center}.top_Box3 .box2 .inBox p{line-height:180%}@media screen and (max-width: 768px){.top_Box3 .box2 .inBox p{font-size:13px;line-height:160%}.top_Box3 .box2 .inBox p br{display:none}}.top_Box4{background:url("../images/content/topImg9.jpg") no-repeat center;background-size:cover}.top_Box4 .inner{padding:100px 0;max-width:1240px}@media screen and (max-width: 768px){.top_Box4 .inner{padding:50px 0}}@media screen and (max-width: 1250px){.top_Box4 .inner h2{padding:0 0 0 20px}}@media screen and (max-width: 768px){.top_Box4 .inner h2{width:160px;height:auto;max-width:none}}.top_Box4 .inner .tx1{font-size:18px;padding:0 0 50px;color:#FFF}@media screen and (max-width: 1250px){.top_Box4 .inner .tx1{padding:0 0 50px 20px;font-size:16px}}.top_Box4 .inner .inBox{background-color:rgba(1,35,64,0.8);padding:50px 50px 50px 150px;margin:0 0 0 20%;max-width:80%;color:#FFF;position:relative}@media screen and (max-width: 768px){.top_Box4 .inner .inBox{padding:20px;margin:0 auto;max-width:100%}}.top_Box4 .inner .inBox .in{border-bottom:1px solid #FFF;padding:0 0 30px;margin:0 0 30px}.top_Box4 .inner .inBox .in:nth-child(2){border-bottom:none;margin:0}.top_Box4 .inner .inBox .in .tx2{font-size:24px;font-weight:600;padding:0 0 30px}@media screen and (max-width: 768px){.top_Box4 .inner .inBox .in .tx2{font-size:18px;padding:0 0 10px}}.top_Box4 .inner .inBox .in .tx3{font-size:18px;font-weight:600;padding:0 0 10px}@media screen and (max-width: 768px){.top_Box4 .inner .inBox .in .tx3{font-size:16px}}.top_Box4 .inner .inBox .in .tx4{line-height:200%}@media screen and (max-width: 768px){.top_Box4 .inner .inBox .in .tx4{font-size:13px;line-height:160%}}@media screen and (max-width: 768px){.top_Box4 .inner .inBox .in .box{display:flex;justify-content:space-between;flex-wrap:wrap}}@media screen and (max-width: 768px){.top_Box4 .inner .inBox .in .box .txBox{width:52%}}.top_Box4 .inner .inBox .in .box .imgBox{position:absolute;top:50%;left:-300px;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%)}@media screen and (max-width: 768px){.top_Box4 .inner .inBox .in .box .imgBox{position:relative;top:auto;left:auto;-webkit-transform:translate(0%, 0%);-moz-transform:translate(0%, 0%);-ms-transform:translate(0%, 0%);-o-transform:translate(0%, 0%);transform:translate(0%, 0%);width:45%;margin:30px 0 0 0}}.top_Box4 .inner .link{display:flex;justify-content:flex-end;justify-content:flex-start}.top_Box4 .inner .link a{position:relative;width:200px;display:flex;justify-content:flex-end;align-items:center;font-size:18px;font-weight:600}@media screen and (max-width: 768px){.top_Box4 .inner .link a{font-size:16px}}.top_Box4 .inner .link a:before{content:"";display:block;width:64px;height:64px;background:url("../images/common/arrow.svg") no-repeat center;background-size:100%;margin:0 10px 0 0}@media screen and (max-width: 768px){.top_Box4 .inner .link a:before{width:50px;height:50px}}.top_Box4 .inner .link a{color:#FFF;width:auto}.top_Box5 .flex{display:flex;justify-content:space-between;flex-wrap:wrap;background-color:#FFF;overflow:hidden}.top_Box5 .flex .txBox{width:50%;display:flex;justify-content:center;align-items:center;padding:50px 0}@media screen and (max-width: 768px){.top_Box5 .flex .txBox{width:100%;padding:30px 0 10px}}@media screen and (max-width: 1000px){.top_Box5 .flex .txBox .in{padding:0 20px}}@media screen and (max-width: 768px){.top_Box5 .flex .txBox .in img{width:160px;height:auto;max-width:none}}.top_Box5 .flex .txBox .in .tx1{font-size:18px;padding:0 0 50px}@media screen and (max-width: 1250px){.top_Box5 .flex .txBox .in .tx1{padding:0 0 50px 20px}}@media screen and (max-width: 768px){.top_Box5 .flex .txBox .in .tx1{font-size:16px;padding:5px 0 30px 0}}.top_Box5 .flex .txBox .in .box{padding:0 0 0 100px}@media screen and (max-width: 768px){.top_Box5 .flex .txBox .in .box{padding:0}}.top_Box5 .flex .txBox .in .box .tx2{padding:0 0 20px}@media screen and (max-width: 768px){.top_Box5 .flex .txBox .in .box .tx2{font-size:14px}}.top_Box5 .flex .txBox .in .box .tx2 span{font-weight:600;font-size:18px}@media screen and (max-width: 768px){.top_Box5 .flex .txBox .in .box .tx2 span{font-size:16px}}.top_Box5 .flex .txBox .in .box .tx3{padding:0 0 20px}@media screen and (max-width: 768px){.top_Box5 .flex .txBox .in .box .tx3{font-size:14px}}.top_Box5 .flex .txBox .in .box .tx3 span{font-weight:600;font-size:18px;color:#C0A351}@media screen and (max-width: 768px){.top_Box5 .flex .txBox .in .box .tx3 span{font-size:16px}}.top_Box5 .flex .imgBox{width:50%;background:url("../images/content/topImg13.jpg") no-repeat center;background-size:cover}@media screen and (max-width: 768px){.top_Box5 .flex .imgBox{display:none}}.top_Box5 .map{width:100%;height:400px}
/* === トップのお知らせ（front-page.php .top_news）：店舗軸カテゴリーのバッジ（mdg_store_badges()） ===
   トップは page.css を読み込まないため、page.css の #content .list-news .news-badge と同じ見た目をここで定義
   .tx（タイトル 87%）の中の先頭にインラインで置く。店舗軸が無い投稿では出力されない。既存 .top_news 系の値は変更しない */
.top_news .news_area .news-badge{display:inline-block;vertical-align:middle;font-size:10px;line-height:150%;background-color:#012340;border-radius:20px;padding:5px 20px;margin:0 8px 0 0;color:#FFF}
@media screen and (max-width: 768px){.top_news .news_area .news-badge{padding:3px 12px;margin:0 6px 4px 0}}