@charset "UTF-8";
/* -----------------------------------------------------------
CSS Information

File name:      style.css
Created:        2018-09-28
Style Info:     布施様ものまねディナーショー　CSS
----------------------------------------------------------- */
/* common */


.clearfix:after { content: " "; display: block; clear: both; }
.show_fuse{ overflow: hidden; line-height: 180%; text-align: left;}
.show_fuse a { color: #000; }
.show_fuse a:hover { opacity: .75; text-decoration: none; }
.show_fuse ul, .show_fuse ol, .show_fuse li { list-style: none; margin: 0; padding: 0; }
.show_fuse .fl { float: left; display: inline; }
.show_fuse .fr { float: right; display: inline; }
.show_fuse p, .show_fuse li, .show_fuse dt, .show_fuse dd { font-size: 16px; line-height: 160%; color: #000000; }
.show_fuse .conteiner {width: 1140px; margin: 0 auto; padding: 0 20px;}
.show_fuse img {width: 100%;}
.show_fuse h2, .show_fuse h3, .show_fuse h4, .show_fuse h5, .show_fuse h6 { padding: 0; margin: 0; }
.show_fuse .dis_sp { display: none; }


.show_fuse .conteiner {width: 1140px; margin: 0 auto; padding: 0 20px;}

.show_fuse .fs_25 {font-size: 25px;}
.show_fuse .fs_20 {font-size: 20px;}
.show_fuse .co_red {color: #ff0000;}
.show_fuse .fw_bold {font-weight: bold;}
.show_fuse .m_l {margin-left: -10px;}


@media (max-width:1200px) {
  .show_fuse .container { width: 90%;}

}

@media screen and (max-width:767px) {
  .show_fuse .container { width: 90%; max-width: 640px;}
  .show_fuse img { width: 100%; height: auto; }
  .show_fuse .dis_pc { display: none; }
  .show_fuse .dis_sp { display: block; }
  .show_fuse .fl,  .show_fuse .fr { float: none; display: block;}
  
  .show_fuse p, .show_fuse li, .show_fuse dt, .show_fuse dd { font-size: 14px;}
  .show_fuse .fs_25 {font-size: 18px;}
  .show_fuse .fs_20 {font-size: 16px;}

  .show_fuse p, .show_fuse li, .show_fuse dt, .show_fuse dd {font-size: 14px;}

}
/* -------------------------------------------------------- */
/* リンクボタン */
/* -------------------------------------------------------- */



.show_fuse .link_btn a {display:block; position:relative;color:#fff;text-align:center;font-weight:bold; background:#8a002a;border-radius:8px;text-decoration:none;}
.show_fuse .link_btn a:after {content:"\f054";font-family:FontAwesome;font-size:1.8rem;position:absolute;top:0;right:20px;font-weight:normal;}






@media (min-width:768px) {
	.show_fuse .link_btn a:hover {opacity:.65;}
	.show_fuse .link_btn a {font-size:1.8rem; height:80px; line-height: 80px; }
}
@media (max-width:767px) {
  .show_fuse {padding-bottom: 10vw;}
	.show_fuse .link_btn a {font-size:1.4rem;width: 100%; line-height: 1.4; padding: 15px 0;}
  .show_fuse .link_btn a:after {top: 50%; transform: translate(0,-50%); font-size: 1.2rem;}
  
  .show_fuse .btn_area .btn_01 {width: 48.125vw; min-width: 280px;}
  .show_fuse .btn_01 a {height: 50px; line-height: 50px; font-size: 20px;}
  .show_fuse .btn_01 a:after {padding-left:1.8vw;}
}




/* visual */

.show_fuse .visual {background: url(../../img/fuse/visual_bg.png) top center repeat-x; height: 1000px; width: 100%;}
.show_fuse .visual .container {position: relative; height: 100%;}
.show_fuse .visual .container:before {content: url(../../img/fuse/mane_00.png); position: absolute; top: 12px; right: -45px; }
.show_fuse .visual .container h1 ,
.show_fuse .visual .container .bord_01 {position: absolute;}
.show_fuse .visual .container h1 {width: 707px; top: 33px; left: -25px;}
.show_fuse .visual .container .bord_01 {background: url(../../img/fuse/waku_01.png); width: 580px; height: 270px; top: 540px; left: 65px; padding: 20px 50px; }
.show_fuse .visual .container .bord_01 .tit_01 {width: 412px; margin: 0 auto 15px;}
.show_fuse .visual .container .bord_01 p {color: #fff;}


/* page_navi */

.show_fuse .page_navi.container {position: relative; overflow: visible; height: 0px;}
.show_fuse .page_navi.container:after {content: url(../../img/fuse/mane_01.png); position: absolute; top: -200px; right: 200px;}
.show_fuse .page_navi ul {position: absolute; top: -160px; left: 65px;}
.show_fuse .page_navi ul li {float: left; display: inline; width: 138px; margin-right: 9px;}
.show_fuse .page_navi ul li:last-child {margin-right: 0;}
.show_fuse .page_navi ul li a  {width: 100%; display: block; background: #410a25; color: #fff; font-size: 20px; font-weight: bold; text-align: center; border-radius: 5px; padding: 15px 0 0; text-decoration: none; line-height: 140%;}
.show_fuse .page_navi ul li a:after {content: ""; display: block; width: 1px; position: relative; bottom: -20px; left: 50%; margin-left:-10px; border: 10px solid transparent; border-top: solid 10px #410a25;}



/* contents */

.show_fuse .bl_report {padding: 95px 0; background: #f6f1f0;}
.show_fuse .bl_report h2 {font-weight: bold; text-align: center; color: #e70000; font-size: 32px; line-height: 1.4; margin-bottom: 50px;}
.show_fuse .bl_report ul {margin-bottom: 35px;}
.show_fuse .bl_report ul li {width: 268px; float: left; display: inline; margin:0 8px 8px 0; }
.show_fuse .bl_report ul li:nth-child(4n) {margin-right: 0;}
.show_fuse .bl_report p {max-width: 800px; width: 100%; margin: 0 auto;}

.show_fuse .bl_01 .wrap ,
.show_fuse .bl_02 .wrap {width: 1140px; margin: 0 auto; padding: 0 20px;}

.show_fuse .bl_01 .fl ,
.show_fuse .bl_01 .fr ,
.show_fuse .bl_02 .fr {width: 480px;}

.show_fuse .bl_01 h2 ,
.show_fuse .bl_02 h2 {color: #fff; font-size: 24px; font-weight: bold; margin-bottom: 40px;}
.show_fuse .bl_03 h2 ,
.show_fuse .bl_04 h2 {font-size: 32px; font-weight: bold; text-align: center; margin-bottom: 40px;}
.show_fuse .bl_03 h2 {color: #8a002a;}
.show_fuse .bl_04 h2 {color: #fff;}

.show_fuse .bl_01 {background:linear-gradient(90deg,#410a25 0%,#410a25 50%,#e6d2b1 50%,#e6d2b1 100%);}
.show_fuse .bl_02 {background:linear-gradient(90deg,#f6f1f0 0%,#f6f1f0 50%,#a7853d 50%,#a7853d 100%);}
.show_fuse .bl_01 ,
.show_fuse .bl_02 {height: 500px;}



.show_fuse .bl_01 .fl {padding:70px 0 0;}
.show_fuse .bl_01 .fl ul li {color: #fff; margin-bottom: 20px;}
.show_fuse .bl_01 .fr {padding: 100px 0 0;}
.show_fuse .bl_01 .fr p:after {content: url(../../img/fuse/mane_02.png);position: absolute; right: -20px; bottom: 0;}
.show_fuse .bl_01 .fr p {font-size: 15px; width: 100%; padding-right: 30%; position: relative; word-break: break-all;}

.show_fuse .bl_02 .fl {width: 50%; height: 500px; position: relative; overflow: hidden; }
.show_fuse .bl_02 .fl img {width: 140%; position: absolute; bottom: 0; right: 0;}
.show_fuse .bl_02 .fr {padding: 80px 0 0;}
.show_fuse .bl_02 .fr ul {margin-bottom: 30px;}
.show_fuse .bl_02 .fr ul li {font-size: 16px; color: #fff;}

.show_fuse .bl_03 {padding: 100px 0;}


.show_fuse .bl_03 .txt_01 {width: 800px; margin: 0 auto 50px; font-size: 16px; }
.show_fuse .bl_03 ul li {width: 300px; margin-right: 100px;}
.show_fuse .bl_03 ul li:last-child {margin-right: 0;}

.show_fuse .bl_04 {background: #a7853d; padding: 100px 0;}
.show_fuse .bl_04 .container {width: 800px;}
.show_fuse .bl_04 p.txt_01 {color: #fff; margin-bottom: 20px;}
.show_fuse .bl_04 .bord_01 {background: #fff; margin-bottom: 35px;}
.show_fuse .bl_04 .bord_01_tit {background:#e5d2b3; padding: 15px 30px;}

.show_fuse .bl_04 .bord_01_tit .fl {width: 210px; padding-top: 10px;}
.show_fuse .bl_04 .bord_01_tit .fl p {color: #8a002a; font-size: 22px; font-weight: bold;}
.show_fuse .bl_04 .bord_01_tit .fr {width: 500px;}

.show_fuse .bl_04 .bord_01_body {padding: 20px 30px}
.show_fuse .bl_04 .bord_01_body p {margin-bottom: 20px;}
.show_fuse .bl_04 .bord_01_body .txt_money { font-size: 53px; font-weight: bold; margin-left: 30px;}
.show_fuse .bl_04 .bord_01_body .txt_yen {font-size: 28px; font-weight: bold; margin-right: 20px;}
.show_fuse .bl_04 .link_btn {margin-bottom: 20px;}
.show_fuse .bl_04 .link_btn:last-child {margin-bottom: 0;}

.show_fuse .bl_05 {padding:60px 0 30px; max-width: 689px; width: 84%; margin: 0 auto;}

@media (max-width:1200px) {
  
/* page_navi */

  .show_fuse .page_navi.container:after {content: url(../../img/fuse/mane_01.png); position: absolute; top: -100px; right: 0px;}




/* contents */
  
  .show_fuse .bl_report ul {width: calc(100% + 20px); position: relative; left: -10px;}
  .show_fuse .bl_report ul li {text-align: center; width: 33%; padding: 0 5px 10px; margin: 0;}
  .show_fuse .bl_report ul li img {max-width: 284px; width: 100%;}

  
  
  
  .show_fuse .bl_01 .fl ,
  .show_fuse .bl_01 .fr ,
  .show_fuse .bl_02 .fl ,
  .show_fuse .bl_02 .fr {float: none; display: block; width: 100%; padding:100px  10%;}

  .show_fuse .bl_01 ,
  .show_fuse .bl_02 {height: auto; background: #fff;}
  
  .show_fuse .bl_01 .fl {background: #410a25;}
  .show_fuse .bl_01 .fr {background: #e6d2b1;}
  .show_fuse .bl_02 .fl {background: #f6f1f0;}
  .show_fuse .bl_02 .fr {background: #a7853d;}

  .show_fuse .bl_01 .wrap ,
  .show_fuse .bl_02 .wrap {padding: 0; width: 100%;}
  
  
  .show_fuse .bl_01 .fr p:after {top:-90px;}
  
  .show_fuse .bl_02 .fl {height: auto; position: static; padding: 0; text-align: center;}
  .show_fuse .bl_02 .fl img {max-width:800px; width: 100%; position: static;}

  
  .show_fuse .bl_03 .txt_01 {width: 100%; }
  .show_fuse .bl_03 ul {max-width: 440px; width: 80%; margin: 0 auto;}
  .show_fuse .bl_03 ul li {width: 100%; margin-right: 0; margin-bottom: 20px;}
  
  .show_fuse .bl_04 .container {width: 90%; max-width: 800px;}
  
  .show_fuse .bl_04 .bord_01_tit .fl ,
  .show_fuse .bl_04 .bord_01_tit .fr {width: 100%; }
  .show_fuse .bl_04 .bord_01_body .txt_money {line-height: 140%; margin-left: 0;}
  .show_fuse .bl_04 .bord_01_body .txt_01 {display: block;}
  
}





@media screen and (max-width:767px) {
  
  
  /* visual */

.show_fuse .visual {background: url(../../img/fuse/visual_bg_sp.png) top center repeat-x; background-size: cover;height: auto; width: 100%; padding-bottom: 6.2vw;}
.show_fuse .visual .container {position: static; width: 100%;}
.show_fuse .visual .container:before {content: ""; position:static; }
.show_fuse .visual .container h1 ,
.show_fuse .visual .container .bord_01 {position: static;}
.show_fuse .visual .container h1 {width: 100%; max-width: 640px; margin:  0 auto; top:0; left: 0;}
.show_fuse .visual .container .bord_01 {background: url(../../img/fuse/waku_01.png); max-width: 580px; width:94%;  height: auto; top: 0; left: 0; margin: 0 auto; padding: 20px 20px; background-size: 100%; }
.show_fuse .visual .container .bord_01 .tit_01 {width: 90%;}


/* page_navi */


  .show_fuse .page_navi.container {height: auto; width: 84%; padding: 9.3vw 0; overflow: visible;}
  .show_fuse .page_navi.container:after {content: ""; display: block; background: url(../../img/fuse/mane_01.png) no-repeat; background-size: 100%; height: 43.75vw; width: 25vw; position: absolute; top: 50%; right:0; transform: translate(0,-50%);}


  .show_fuse .page_navi ul {position: static; top: 0; left: 0; width: 54vw;}
  .show_fuse .page_navi ul li {float: left; display: inline; width: 25vw; margin-right: 2vw; margin-bottom: 4vw;}
  .show_fuse .page_navi ul li:last-child {margin-right: 0;}
  .show_fuse .page_navi ul li a  {font-size: 3.1vw;}
  .show_fuse .page_navi ul li a:after {content: ""; display: block; width: 1px; position: relative; bottom: -20px; left: 50%; margin-left:-10px; border: 10px solid transparent; border-top: solid 10px #410a25;}

  
  /* contents */
  
  .show_fuse .bl_report {padding: 50px 0;}
  .show_fuse .bl_report h2 {font-size: 20px; margin-bottom: 30px;}
  .show_fuse .bl_report ul {margin-bottom: 20px;}
  .show_fuse .bl_report ul li {width: 50%; }
  
  
  .show_fuse .bl_01 h2 ,
  .show_fuse .bl_02 h2 {font-size: 20px; margin-bottom: 6.25vw;}
  .show_fuse .bl_03 h2 ,
  .show_fuse .bl_04 h2 {font-size: 22px; line-height: 140%; margin-bottom:  6.25vw;}
  
  .show_fuse .bl_01 .fl ,
  .show_fuse .bl_01 .fr ,
  .show_fuse .bl_02 .fl ,
  .show_fuse .bl_02 .fr {padding:9.3vw 10%;}
  .show_fuse .bl_02 .fl {padding: 0;}

  .show_fuse .bl_01 .fr p:after {content: ""; display: block; background: url(../../img/fuse/mane_02.png) no-repeat bottom; background-size: 100%; bottom: 0; top: auto; max-width: 100px; width: 20vw; height: 64vw;}

  
  .show_fuse .bl_03 ,
  .show_fuse .bl_04 {padding:9.3vw 0;}

  .show_fuse .bl_04 .bord_01 {margin-bottom: 6.25vw;}
  
  .show_fuse .bl_04 .bord_01_tit ,
  .show_fuse .bl_04 .bord_01_body {padding: 10px 20px}

  
  .show_fuse .bl_04 .bord_01_tit .fl p {font-size: 20px;}

  .show_fuse .bl_04 .bord_01_body .txt_money { font-size: 36px; line-height: 100%; }
  .show_fuse .bl_04 .bord_01_body .txt_yen {font-size: 28px; }
  .show_fuse .bl_04 .link_btn {margin-bottom: 10px;}
  .show_fuse .bl_04 .link_btn a {padding-right: 30px;}


  .show_fuse .bl_05 {padding:10.93vw 0 0;}

}
@media (max-width:360px) {
  .show_fuse .bl_04 .link_btn a span {display: block;}
  .show_fuse .bl_04 .link_btn a {padding-right: 0;}

}





/* -------------------------------------------------------- */
/* フリーオーダー */
/* -------------------------------------------------------- */

.show_fuse .contact_box {border: solid 1px #c8c8c8; background: #fff; max-width: 1100px; width: 90%; margin: 0 auto;}
.show_fuse .contact_box p {color:#787878;}
.show_fuse .contact_box .link_btn a {background: #ff6e00;}
.show_fuse .contact_box .link_btn a::after {font-size: 1.4rem; right: 10px;}
@media (min-width:768px) {
	.show_fuse .contact_box {overflow:hidden; margin-bottom: 90px; border:1px solid #c8c8c8;padding:20px 40px;}
	.show_fuse .contact_box p {font-size:1.4rem;line-height:1.4;}
	.show_fuse .contact_box .tit_01 {font-size:3rem;margin-bottom:30px;text-align:center;font-weight:bold;}
	.show_fuse .contact_box .tit_01 br {display:none;}
	.show_fuse .contact_box .tit_02 {font-size:2.7rem;margin:15px 0;text-align:left;}
	.show_fuse .contact_box .wrap_01 {float:left;width:55%;}
	.show_fuse .contact_box .wrap_02 {float:right;width:45%;max-width:400px;}
	.show_fuse .contact_box .contact_tel {color:#23af00;font-weight:bold;font-size:5.6rem;line-height:1;font-family:'arial',sans-serif; margin:0 auto 10px auto; letter-spacing: -0.02em;}
  .show_fuse .contact_box .contact_tel:before {content: "\f095";font-family:FontAwesome;  transform: rotate(10deg);}
	.show_fuse .contact_box .contact_telshow_fuse  .contact_box .link_btn {margin-top:10px;}
	.show_fuse .contact_box .link_btn a {font-weight:bold;font-size:1.4rem;height:40px;line-height:40px; background: #ff6e00;}
	.show_fuse .contact_box .link_btn a::after {font-weight:normal; font-size: 1.4rem; right: 10px;}
}
@media (max-width:1100px) and (min-width:768px) {
	.show_fuse .contact_box {padding:30px 20px;}
	.show_fuse .contact_box .wrap_01,
	.show_fuse .contact_box .wrap_02 {float:none;width:100%;margin:0 auto;text-align:center;}
	.show_fuse .contact_box .wrap_01 {margin-bottom:20px;}
	.show_fuse .contact_box .tit_01 {font-size:2.7rem;margin-bottom:20px;}
	.show_fuse .contact_box .tit_02 {font-size:2.4rem;text-align:center;}
}
@media (max-width:767px) {
	.show_fuse .contact_box {text-align:center;margin:40px auto 0;overflow:hidden; border: none;}
	.show_fuse .contact_box p {font-size:1.2rem;}
  .show_fuse .contact_box p span {display: inline;}
	.show_fuse .contact_box .tit_01 {line-height:1.4;font-size:1.8rem;margin-bottom:10px;}
	.show_fuse .contact_box .tit_02 {line-height:1.4;font-size:1.8rem;margin-bottom:10px;}
	.show_fuse .contact_box .btn_wrap {overflow:hidden;margin:15px -3px;}
	.show_fuse .contact_box .btn_wrap li {float:left;width:50%;}
	.show_fuse .contact_box .btn_wrap li a {display:block;margin:0 3px;border-radius:5px;font-size:1.6rem;position:relative;height:44px;line-height:42px;text-decoration:none;font-weight:bold;}
	.show_fuse .contact_box .btn_wrap li a::before {position:absolute;height:100%;top:0;}
	.show_fuse .contact_box .btn_wrap li.tel a {border:2px solid #23af00;color:#23af00;padding-left:10px;background:#fff;position: relative;}
	.show_fuse .contact_box .btn_wrap li.tel a::before {content: "\f095";font-family:FontAwesome; position: absolute; left: 5px; font-size: 3rem; transform: rotate(10deg);}
	.show_fuse .contact_box .btn_wrap li.order a {border:1px solid #ff6600;color:#fff;background:#ff6600;padding-right:5px;}
	.show_fuse .contact_box .btn_wrap li.order a::before {right:10px;content:"\f054";font-size:1.1rem;font-family:FontAwesome;}
}
@media (max-width:640px) {
	.show_fuse .contact_box p {text-align:left;}
}
@media (max-width:360px) {
	.show_fuse .contact_box .btn_wrap li.order a::before {right:5px;}

}




