@charset "UTF-8";
/* CSS Document */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{background:none repeat scroll 0 0 transparent;border:0 none;margin:0;outline:0 none;padding:0;vertical-align:baseline}


body{font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;background:#fff;color:#000}

.nbt{overflow: hidden;}

p{
line-height:1.8;
}

a{
color:#031cff;
}

a:hover{
opacity:0.8;

}

a:active{
color:#031cff;	
}

li{list-style:none;}

.container{
width:860px;
margin:auto;
margin-bottom:0px;
}

/* header */
.header_colum{
top:0;
left:0;
width: 100%;
height: 80px;
background: #fff;
border-bottom: 1px solid #ccc;
z-index:1;
}

.header_inner{
width:900px;
margin:12px auto 0;	
}

.header_l{
width:400px;
float:left;

}

.header_wrap{
display:flex;

}

.header_item{
width:200px;
}

.logo{
width:150px;
margin-top:1px;
margin-left:20px;
}

.caption{
font-weight:normal;
font-size:11px;	
margin-top:18px;
margin-left:22px;
}

.header_r{
width:450px;
align-items:right;
text-align:right;
float:right;
display:flex;
}

.right_caption{
position:relative;
top:30px;
left:150px;
font-size:13px;
}

.top_mail{
position:relative;
top:15px;
left:176px;
bottom:46px;
width:50px;
height:50px;
background:#000;
}

.hamburger{
position:relative;
top:15px;
left:181px;
bottom:46px;
width:50px;
height:50px;
background:#000;
}

.mainvisual{
width:100%;
margin:32px auto 0;

}

.mainvisual_l{
width:420px;
height:360px;
background:#f20b63;
color:#fff;
float:left;
}

.mainvisual_l img{
width:100%;
}

.mainvisual_r{
position:relative;
max-width:420px;
background:#fff;
float:right;	
}

.mainvisual_r .human{
width:100%;
}

.mb40{clear:both;
margin-bottom:40px;
}

.serviceinfo{
margin-bottom:40px;
clear:both;
max-width:100%;
background:#f20b63;
color:#fff;
text-align:center;
align-items:center;
border:6px solid #ece299;
}

.service_title{
padding:30px 0;
font-size:20px;
}

.service_caption{
text-align:center;
font-size:14px;
font-weight:bold;
line-height:1.5;
padding-bottom:40px;
margin:0 30px;
}

.original-gradient{
height:60px;
width: 100%;
background-image: linear-gradient(90deg, rgba(36, 55, 111, 1) 10%, rgba(6, 13, 64, 1) 79%);
text-align:center;
align-items:center;
margin-bottom:30px;

}

.color01{
color:#FFFF00;
}

.fxx{
font-size:170%;
}

.marker01{
background:#FFFF00;
padding:3px 0;
}

.no1{
position:absolute;
width:150px;
bottom:30px;
right:20px;
}

.name{
position:absolute;
bottom:207px;
right:72px;	
color:#ece299;
font-size:12px;
}

.catch{
position:absolute;
top:190px;
left:20px;
font-size:26px;
color:#fff;
font-weight:bold;
line-height:1.1;
}

.magicianinfo{
margin-bottom:40px;
clear:both;
max-width:100%;
height:400px;
background:#041330;
color:#fff;
background-image:url("https://magic-partner.com/wp-content/uploads/2026/03/m_back.png");
border:6px solid #ece299;
}

.magician_tile{
font-size:16px;
font-weight:normal;
margin:0;
padding:30px 0 30px 135px;
}

.magician_wrap{
width:400px;
margin:0 auto;
display:flex;
justify-content:left;
}

.magician_circle{
width:70px;
padding-right:23px;
text-align:left;

}

.magician_circle img{
max-width:90%;
}

.magician_name{
font-size:14px;
font-weight:bold;
margin-left:80px;
}

.scene{
margin-bottom:40px;
clear:both;
max-width:100%;
background:#fff;
color:#000;
text-align:center;
align-items:center;
font-weight:bold;
}

.scene_title{
font-size:20px;
padding-bottom:30px;
}

.scene_caption{
width:100%;
margin-bottom:30px;
overflow-wrap: anywhere;	
}

.scene_wrap{
width:100%;
display:flex;
justify-content:space-between;
}

.scene_item{
width:195px;
height:195px;
background:#4218E0;
margin-bottom:20px;
border:6px solid #ece299;
}

.scene_item p{
font-size:12px;
color:#fff;
font-weight:bold;
padding-top:50px
}

.scene_icon{
width:45px;
padding-top:10px;

}

.price{
width:100%;
margin:0 auto 40px;
}

.price_title{
font-size:20px;
padding-bottom:30px;
}

.price_caption{
width:100%;
margin-bottom:30px;
overflow-wrap: anywhere;
font-weight:bold;
}


.flow{
width:100%;
margin:0 auto 40px;
}

.flow_title{
font-size:20px;
padding-bottom:30px;
}

.flow_wrap{
max-width:100%;
margin-bottom:30px;
font-weight:bold;
}


.flow_box{
width:95%;
padding:20px;
margin-bottom:20px;
border:3px solid #000;
display:flex;
}

.flow_item_l{
width:250px;
}

.flow_item_r{
width:calc(100% - 250px);
}

.flow_icon{
max-width:100%;
margin:1px auto 10px;
text-align:center;
align-items:center;
}

.flow_icon img{
width:23px;
}

.voice{
width:100%;
margin:0 auto 40px;
}

.voice_wrap{
width:100%;
margin:0 auto;
padding-left:5px;
display:flex;
}

.voice_item{
max-width:160px;
height:600px;
border:4px solid #0033FF;
font-size:13px;
font-weight:bold;
line-height:1.5;
padding:20px 20px 30px;
margin-right:10px;
}

.voice_title{
font-size:20px;
padding-bottom:30px;
}

.review{
position:relative;
left:40px;
width:80px;
}

.voice_item .small{
width:100%;
text-align:center;
margin:7px 0px 10px;
}

.faq{
width:100%;
margin:0 auto 40px;
}

.faq_title{
font-size:20px;
padding-bottom:30px;
}

.faq_wrap{
max-width:100%;
border:4px solid #ccc;
padding:20px;
text-align:left;
}

.quetion{
padding-top:15px;
font-size:16px;
font-weight:bold;
line-height:1.7;
}

.answer{
font-size:16px;
border-bottom:1px solid #cccc;
font-weight:bold;
padding-bottom:15px;
line-height:1.7;
}

.answer2{
font-size:16px;
color:#000;
font-weight:bold;
padding-bottom:15px;
line-height:1.7;
}

.terms{
width:100%;
margin:40px auto;
}

.terms_title{
font-size:20px;
padding-bottom:30px;
}

.terms_wrap{
font-size:12px;
line-height:1.5;
}

.policy{
width:100%;
margin:40px auto;
}

.policy_title{
font-size:20px;
padding-bottom:30px;
}

.policy_wrap{
font-size:12px;
line-height:1.5;
}

.nagoya{
width:100%;
margin:40px auto;
}

.nagoya_title{
font-size:20px;
padding-bottom:30px;
color:#fff;
padding-top:16px;
}

.nagoya_wrap{
font-size:14px;
line-height:1.5;
margin-bottom:40px;
}

.nagoya_wrap img{
width:100%;
margin-bottom:30px;
}


.cancel{
width:100%;
margin:40px auto;
}

.cancel_title{
font-size:20px;
padding-bottom:30px;
}

.cancel_wrap{
font-size:12px;
line-height:1.5;
}

.form{
width:100%;
margin:40px auto;
}

.form_title{
font-size:22px;
padding-bottom:30px;
text-align:center;
}

.form_wrap{
font-size:14px;
line-height:1.5;
}

.selectbox-5 {
    display: inline-flex;
    align-items: center;
    position: relative;
}

.selectbox-5::after {
    position: absolute;
    right: 15px;
    width: 10px;
    height: 7px;
    background-color: #202020;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    pointer-events: none;
}

.selectbox-5 select {
appearance: none;
min-width: 230px;
height: 2.8em;
padding: .4em calc(.8em + 30px) .4em .8em;
border: none;
border-bottom: 2px solid #d6d6d6;
background-color: #fff;
color: #000000;
font-size: 1em;
cursor: pointer;
}

.selectbox-5 select:focus {
outline: none;
}

.form_caption{
width:100%;
font-size:16px;
text-align:center;
align-items:center;
margin-bottom:40px;
}

.form_name{
width:500px;
padding:8px;
}

.form_company{
width:500px;
padding:8px;
}

.form_mail{
width:500px;
padding:8px;
}

.form_event{
width:250px;
padding:8px;	
}

.form_optimize{
margin-bottom:30px;
font-weight:bold;
}

.form_magician{
width:250px;
padding:8px;	
}

.form_story{
width:600px;
padding:8px;
}

.form_agree{
width:100%;
text-align:center;
align-items:center;
margin-top:20px;
margin-bottom:50px;
}

.form_submit{
width:100%;
text-align:center;
align-items:center;
margin-bottom:50px;
}

.privacy-policy {
height: 350px;
padding: 1em;
border: 1px solid #ccc;
overflow-y: scroll;
}

.back-btn{
width:300px;
height:80px;
margin:0 auto;
font-size:14px;
font-weight:bold;
padding: 8px 24px;
background-color:#f20b63;
text-decoration:none;
text-align:center;
}

.back-btn_a{
text-decoration:none;
color:#fff;
line-height: 80px;
}


.submit-btn {
/* buttonタグのリセットCSS */
width:300px;
height:80px;
font-size:14px;
font-weight:bold;
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
appearance: none;
color: #fff;
padding: 8px 24px;
background-color:#f20b63;
cursor: pointer; /* ポインターカーソルを表示 */
}

.submit-btn[disabled] {
background-color: #ccc;
cursor: not-allowed; /* クリック不可のカーソルを表示 */
}

.confirm{
width:100%;
margin:40px auto;
}

.confirm_title{
font-size:22px;
padding-bottom:30px;
text-align:center;
}

.confirm_wrap{
font-size:14px;
line-height:1.5;
}

.confirm_caption{
width:100%;
font-size:16px;
text-align:center;
align-items:center;
margin-bottom:40px;
}

.confirm_table{
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
width:80%;
margin:0 auto 40px;
}

.complete{
width:100%;
margin:40px auto;
}

.complete_title{
font-size:26px;
margin-top:30px;
padding-bottom:30px;
text-align:center;
}

.complete_wrap{
font-size:14px;
line-height:1.5;
}

.complete_caption{
width:100%;
font-size:16px;
text-align:center;
align-items:center;
margin-bottom:40px;
}

.company{
width:100%;
margin:40px auto;
}

.company_wrap{
position: relative;
}

.company_wrap2{
width:100%;
}

.company_img{
width:100%;
}	

.company_catch{
position:absolute;
font-size:26px;
font-weight:bold;
top:50%;
left:50%;
transform: translate(-50%, -50%);
}

.company_title{
font-size:20px;
padding-bottom:30px;
}



.company_caption{
font-size:12px;
margin-top:40px;
margin-bottom:40px;
}

.company_table{
width:100%;
margin-top:20px;
}

.magician_detail{
width:100%;
margin:0px auto 40px; 	
}

.magician_detail_wrap{
max-width:900px;
height:240px;
margin:0 auto;
background-image:url("https://magic-partner.com/wp-content/uploads/2026/03/magician_top4.png");
background-repeat: no-repeat; /* 繰り返さない */
display:flex;
justify-content:left;
}

.magician_photo{
margin:40px 0;
clear:both;
max-width:100%;
background:#fff;
color:#000;
font-weight:bold;
}

.magician_photo_title{
font-size:20px;
padding-bottom:30px;
}
	
.magician_photo_wrap{
width:100%;
display:flex;
justify-content:space-between;
}
	
.magician_photo_item{
width:23%;
margin-bottom:20px;
}

.magician_detail_wrap2{
max-width:900px;
height:500px;
color:#fff;
margin:0 auto;
background-image:url("https://magic-partner.com/wp-content/uploads/2026/03/magician_detail_back.png");
background-repeat: no-repeat; /* 繰り返さない */
text-align:center;
align-items:center;
vertical-align:middle;
}

.magician_detail_left{
width:250px;
}

.name_img{
position:relative;
top:40px;
left:40px;
width:180px;
}

.magician_detail_right{
width:600px;
}

.magician_detail_name{
position:relative;
font-size:18px;
font-weight:bold;
color:#ffff;
top:30px;
}

.magician_detail_catch{
position:relative;
font-size:16px;
font-weight:bold;
color:#ffff;
top:37px;
padding-right:5px;
}

.magician_profile{
font-size:18px;
color:#fff;
padding:40px 0;
}

.magician_profile_txt{
font-size:13px;
color:#fff;
opacity:0.9;
}

.magician_appearance{
font-size:18px;
color:#fff;
padding:40px 0;
}

.order{
margin:60px auto;
width:250px;
height:50px;
background:#f20b63;
text-align:center;
align-items:center;
vertical-align:middle;
text-decoration:none;
color:#fff;
font-size:13px;
font-weight:bold;
border-right:6px solid #eaff00; 
}

.order p{
padding-top:15px;
}

.foot_banner{
width:100%;
text-align:center;
align-items:center;
margin:0 auto 40px;
}

.contact_wrap{
width:100%;
height:302px;
margin:0;
background-image:url("https://magic-partner.com/wp-content/uploads/2026/03/foot.png");	
}

.contact{
width:900px;
height:302px;
margin:0 auto;
background-image:url("https://magic-partner.com/wp-content/uploads/2026/04/contact3.png");
}

.contact_inner{
width:900px;
height:302px;
margin:0 auto;	
}

.contact_inner2{
position:relative;
top:190px;
left:299px;
width:515px;
height:50px;
display:flex;
}

.ct_btn{
width:236px;
height:40px;
margin-right:35px;
margin-left:63px;
}

.ct_btn p{
line-height:1.4;
}

.ct_btn2{
width:236px;
height:40px;

}

.muu{
padding-top:3px;
}

.muu2{
padding-top:9px;
}

.btn,
a.btn,
button.btn {
height:40px;
font-size: 13px;
font-weight:bold;
line-height: 1.5;
position: relative;
display: inline-block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
}

a.btn-solid {
color: #fff;
width:100%;
border-top: 4px solid #f24684;
border-right: 4px solid #f24684;
border-bottom: 4px solid #f24684;
border-left: 4px solid #f24684;
border-radius: 0;
background: #f20b63;
}



.contct01{
position:relative;
left:500px;
top:80px;
font-size:18px;
font-weight:bold;
color:#fff;
}

.contct02{
position:relative;
left:170px;
top:170px;
font-size:16px;
color:#fff;
}

.footercontents{
background:#f5f5f5;
width:100%;
}

.footer_menu{
width:800px;
margin:0 auto;
display:flex;
justify-content:space-between;
padding:50px 0; 
}

.footer_item{
width:190px;
}

.footer_item a{
text-decoration:none;
color:#5f5f5f;
}

.footeritem_text{
font-size:12px;
padding-bottom:10px;
}

.footercopyrights{
background:#000;
width:100%;
height:52px;
text-align:center;
align-items:center;
color:#fff;
}

.copyright{
font-size:11px;
padding-top:15px;
}

.breadcrumb {
display: flex;
flex-wrap: wrap;
list-style: none;
font-size:12px;
margin-bottom:30px;
}

.breadcrumb li:not(:last-of-type)::after {
content: "›";
margin: 0 .6em;
color: #7a7a7a;
}

/* フッタースライダー */
.marqueer {
margin: 0px 0;
overflow: hidden;
}
.marqueer ul {
display: flex;
margin: 0;
padding: 0;
width: max-content;
}
.marqueer ul li {
list-style: none;
padding: 0 0px; /* 余白 */
width: calc(100vw / 10 - 10px); /* 4 写真の枚数にあわせる */
}
.marqueer img {
display: block;
width: 100%;
}

/* Responsive */

@media(min-width:768px){
.sp{
display: none !important;
}
}
@media(max-width:767px){
.pc{
 display: none !important;
}
}






.arrow_box {
display: flex;
align-items: center;
justify-content: flex-end;
margin: 20px 0 0;
position: relative;
}

.prev-arrow,
.next-arrow {
display: block;
width: 25px;
height: 25px;
border:1px solid #fff;
border-radius: 50%;
transition: all .3s ease;
cursor: pointer;
position:relative;
}

.prev-arrow {
transform: rotate(180deg);
margin-right: 10px;
}

.prev-arrow::before,
.next-arrow::before{
position:absolute;
content: "";
width:5px;
height:5px;
border-right: 1px solid #FFF;
border-top: 1px solid #FFF;
top:0;
bottom:0;
right:0;
left:0;
margin:auto;
transform:rotate(45deg);
}

.a_position{
position:absolute;
padding-right:160px;
top:200px;
right:150px;
}

.pagetop{
width:50px;
height:50px;
color:#000;
background:#000;
position:fixed;
bottom:20px;
right:20px;
}

.arrowup{
width:50px;
height:50px;
}

.pricetable{
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
width:100%;
}

.companytable{
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
width:100%;
}

.table_left{
width:360px;
text-align:left;
align-items:left;
}

.color02{
background-color:#0033FF;
color:#fff;
font-weight:bold;
padding:15px;
}

.color03{
background:#f20b63;
color:#fff;
}

.color04{
text-align:center;
background:#f5f5f5;
font-weight:bold;
text-align:center;
}

.color05{
color:#eaff00;
font-weight:bold;
}

.color06{
color:#f20b63;
font-weight:bold;
}

.color10{
background:#eaff00;
font-weight:bold;
padding:3px 3px;
color:#f20b63;
}

.color11{
background:red;
font-weight:bold;
padding:3px 3px;
color:#fff;
}

.color12{
border-bottom:3px solid #eaff00;
padding-bottom:2px;
}

.color13{
color:red;
font-weight:bold;
}

.color14{
color:#1e21f2;
}

.color15{
color:#0000ff;
font-size:200%;
font-family: "futura-pt", sans-serif;
font-weight: 600;
font-style: normal;
}

.color16{
color:#dc143c;
font-size:200%;
font-family: "futura-pt", sans-serif;
font-weight: 600;
font-style: normal;
}

.logomark{
width:110px;
}

.logomark_text{
font-size:12px;
padding-bottom:10px;
}

.color20{
background-color:#FFFF00;
color:#000;
font-weight:bold;
padding:15px;
}

.color21{
background-color:#FF0461;
color:#fff;
font-weight:bold;
padding:15px;
}

.color22{
background-color:#FF0461;
color:#000;
font-weight:bold;
padding:15px;
}

.middile{

}


/*===========
inview
===========*/

.fadeIn_right {
opacity: 0;
transform: translate(50%, 0);
transition: 2s;
}
.fadeIn_right.is-show {
transform: translate(0, 0);
opacity: 1;
}

/*=============================
.btn-trigger
=============================*/
.btn-trigger {
position: relative;
top:13px;
right:10px;
width:30px;
height:26px;
cursor: pointer;
}
.btn-trigger span {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #fff;
}
.btn-trigger, .btn-trigger span {
display: inline-block;
transition: all .5s;
box-sizing: border-box;
}
.btn-trigger span:nth-of-type(1) {
top: 0;
}
.btn-trigger span:nth-of-type(2) {
top: 10px;
}
.btn-trigger span:nth-of-type(3) {
top: 20px;
}

/*=============================
#btn08
=============================*/
#btn08.active span:nth-of-type(1) {
-webkit-transform: translateY(10px) rotate(-315deg);
transform: translateY(10px) rotate(-315deg);
}
#btn08.active span:nth-of-type(2) {
opacity: 0;
}
#btn08.active span:nth-of-type(3) {
-webkit-transform: translateY(-10px) rotate(315deg);
transform: translateY(-10px) rotate(315deg);
}

/*============
nav
=============*/
nav {
display: block;
position: fixed;
top: 0;
left: -100%;
bottom: 0;
width: 100%;
background: #000;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
transition: all .5s;
z-index: 3;
opacity: 0;
}
.open nav {
left: 0;
opacity: 0.9;
}
nav .inner {
padding: 25px;
}

/*============
.toggle_btn
=============*/
.toggle_btn {
display: block;
position: absolute;
top: 10px;
right: 10px;
width: 30px;
height: 30px;
transition: all .5s;
cursor: pointer;
z-index: 3;
}
.toggle_btn span {
display: block;
position: absolute;
left: 0;
width: 30px;
height: 2px;
background-color: #fff;
transition: all .5s;
}
.toggle_btn span:nth-child(1) {
top: 4px;
}
.toggle_btn span:nth-child(2) {
top: 14px;
}
.toggle_btn span:nth-child(3) {
bottom: 4px;
}
.open .toggle_btn span {
  background-color: #fff;
}
.open .toggle_btn span:nth-child(1) {
  -webkit-transform: translateY(10px) rotate(-315deg);
  transform: translateY(10px) rotate(-315deg);
}
.open .toggle_btn span:nth-child(2) {
  opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
  -webkit-transform: translateY(-10px) rotate(315deg);
  transform: translateY(-10px) rotate(315deg);
}
/*============
#mask
=============*/
#mask {
display: none;
transition: all .5s;
}
.open #mask {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.7;
z-index: 2;
cursor: pointer;
}

.open_menu_wrap{
width:100%;
}

.open_menu{
width:700px;
height:500px;
margin:0 auto;
display:flex;
padding-top:100px;
justify-content:space-between;
background-image:url("https://magic-partner.com/wp-content/uploads/2026/03/openmenuback4.png")
}

.open_menu_item{
width:210px;
color:#fff;
font-size:12px;
font-weight:bold;
text-align:left;
padding-top:28px;
}

.open_menu_item p{
line-height:1.7;
opacity:1;
}

.open_menu_item a{
text-decoration:none;
color:#fff;
}







@media(max-width:767px){

/* header SP */
.header_colum{
top:0;
left:0;
width: 100%;
height: 80px;
background: #fff;
border-bottom: 1px solid #ccc;
z-index:1;
}

.header_inner{
width:100%;
margin:12px 0 0;	
}

.header_l{
width:120px;
float:left;
}

.header_item{
width:120px;
}

.logo{
width:100px;
margin-top:1px;
margin-left:20px;
}

.caption{
font-weight:normal;
font-size:8px;
line-height:1.4;
margin-top:18px;
margin-left:22px;
}

.header_r{
width:80px;
align-items:right;
text-align:right;
float:right;
}

.hamburger{
position:relative;
top:12px;
left:15px;
bottom:0px;
width:50px;
height:50px;
background:#000;
}
	

.container{
clear:both;
width:92%;
margin:auto;
}

.mainvisual{
clear:both;
width:100%;
margin:30px auto 0;
}	
	
.mainvisual_c{
width:100%;
background:#fff;
color:#fff;
position:relative;
}

.mainvisual_c img{
width:100%;
}

.mainvisual_c .human{
width:100%;
}

.no1{
position:absolute;
max-width:140px;
bottom:400px;
right:40px;
}

.name{
position:absolute;
bottom:570px;
right:82px;	
color:#ece299;
font-size:11px;
}

.catch{
position:absolute;
top:50%;
transform: translate(0%,-50%);
left:25px;
font-size:26px;
color:#fff;
font-weight:bold;
line-height:1.1;
}
	
.serviceinfo{
margin-bottom:40px;
clear:both;
max-width:100%;
background:#f20b63;
color:#fff;
text-align:center;
align-items:center;
border:6px solid #ece299;
}

.service_title{
padding:30px 0;
font-size:16px;
}

.service_caption{
text-align:left;
font-size:14px;
font-weight:bold;
line-height:1.5;
padding-bottom:40px;
margin:0 30px;
}
	
	

.magicianinfo{
margin-bottom:40px;
clear:both;
max-width:100%;
height:320px;
background:#041330;
color:#fff;
background-image:url("https://magic-partner.com/wp-content/uploads/2026/03/m_back.png");
}

.magician_tile{
font-size:16px;
font-weight:bold;
margin:0;
padding:30px 0 40px 30px;
}

.magician_wrap{
width:70%;
margin:0 auto;
display:flex;
flex-wrap: wrap;
}

.magician_circle{
width:60%;
padding-right:23px;
text-align:center;
align-items:center;
}

.magician_circle img{
width:50%;
}

.magician_name{
position:relative;
font-size:11px;
right:120px;
}
	
.arrow_box2 {
display: flex;
align-items: center;
justify-content: flex-end;
margin: 40px 0 0;
position: relative;
}

.prev-arrow2,
.next-arrow2 {
display: block;
width: 25px;
height: 25px;
border:1px solid #fff;
border-radius: 50%;
transition: all .3s ease;
cursor: pointer;
position:relative;
}

.prev-arrow2 {
transform: rotate(180deg);
margin-right: 10px;
}

.prev-arrow2::before,
.next-arrow2::before{
position:absolute;
content: "";
width:5px;
height:5px;
border-right: 1px solid #FFF;
border-top: 1px solid #FFF;
top:0;
bottom:0;
right:0;
left:0;
margin:auto;
transform:rotate(45deg);
}

.a_position2{
position:absolute;
right:60px;
bottom:100px;	
}
	
	
.scene{
margin-bottom:40px;
clear:both;
max-width:100%;
background:#fff;
color:#000;
font-weight:bold;
}

.scene_title{
font-size:20px;
padding-bottom:30px;
}

.scene_caption{
width:100%;
text-align:left;
align-items:left;
margin-bottom:30px;
overflow-wrap: anywhere;
	
}

.scene_wrap{
width:100%;
display:flex;
justify-content:space-between;
}

.scene_item{
width:48%;
height:150px;
background:#4218E0;
margin-bottom:20px;
}

.scene_item p{
font-size:12px;
color:#fff;
font-weight:bold;
padding-top:35px
}

.scene_icon{
width:40px;
padding-top:10px;
}
	
.photo{
margin-bottom:40px;
clear:both;
max-width:100%;
background:#fff;
color:#000;
font-weight:bold;
}

.photo_title{
font-size:16px;
font-weight:bold;
padding-bottom:30px;
}

.photo_caption{
width:100%;
text-align:left;
align-items:left;
margin-bottom:30px;
overflow-wrap: anywhere;
	
}

.photo_wrap{
width:100%;
display:flex;
justify-content:space-between;
}

.photo_item{
width:48%;
margin-bottom:20px;
}

.photo_item img{
width:100%;
}
	
.table_left{
width:100px;
}	
	
.voice{
width:100%;
margin:0 auto 40px;
}

.voice_wrap{
width:100%;
margin:0 auto;
display:flex;
justify-content:space-between;
}

.voice_item{
max-width:50%;
height:400px;
border:4px solid #0033FF;
font-size:13px;
font-weight:bold;
line-height:1.5;
padding:10px 20px 30px;

}

.voice_title{
font-size:20px;
padding-bottom:30px;
}

.review{
position:relative;
left:40px;
width:80px;
}

.voice_item .small{
width:100%;
text-align:center;
margin:7px 0px 10px;
}

.contact_wrap{
width:100%;
margin:0;
background-image:url("");
}

.contact{
width:100%;
margin:0;
background-image:url("");
}
	
.contact_inner_top{
width:100%;
margin:0;
padding:15px;
color:#fff;
font-weight:bold;
background:#1113aa;
text-align:center;
align-items:center;
margin:0; 
}

.contact_inner{
width:100%;
margin:0;
}

.contact_inner2{
width:100%;
margin:0 auto;
}
	
.ctimg{
width:100%;
z-index:-2;
margin:0;	
}
	
.ct_btn3{
width:80%;
height:40px;
margin:20px auto;
margin-right:60px;
}

.ct_btn3 p{
line-height:1.4;
z-index:2;
}

.ct_btn4{
width:80%;
height:40px;
margin:10px auto 20px;
margin-right:60px;
}

.muu{
padding-top:3px;
}

.muu2{
padding-top:9px;
}

.btn,
a.btn,
button.btn {
height:40px;
font-size: 13px;
font-weight:bold;
line-height: 1.5;
position: relative;
display: inline-block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
}

a.btn-solid {
color: #fff;
width:100%;
border-top: 4px solid #f24684;
border-right: 4px solid #f24684;
border-bottom: 4px solid #f24684;
border-left: 4px solid #f24684;
border-radius: 0;
background: #f20b63;
}

	
.contact_title{
margin-right:30px;
top:30px;
}
	
	
.contct01{
position:relative;
right:15px;
top:80px;
font-size:18px;
font-weight:bold;
color:#fff;
}

.contct02{
position:relative;
right:15px;
top:150px;
font-size:16px;
color:#fff;
}

footer{
margin:-22px 0 0;	
background:#f5f5f5;
}	
	
.footercontents{
width:80%;
margin:0 auto;
}

.footer_menu{
width:100%;
display:flex;
justify-content:space-between;
margin:0; 
}

.footer_item{
width:40%;
}

.footer_item a{
text-decoration:none;
color:#5f5f5f;
}

.footeritem_text{
font-size:12px;}

.footercopyrights{
background:#000;
width:100%;
height:52px;
text-align:center;
align-items:center;
color:#fff;
}

.copyright{
font-size:11px;
padding-top:15px;
}	
	
.foot_img{
width:100%;
margin:0;
}
	
	
	
	

/*=============================
.btn-trigger
=============================*/
.btn-trigger {
position: relative;
top:13px;
right:10px;
width:30px;
height:26px;
cursor: pointer;
}
.btn-trigger span {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #fff;
}
.btn-trigger, .btn-trigger span {
display: inline-block;
transition: all .5s;
box-sizing: border-box;
}
.btn-trigger span:nth-of-type(1) {
top: 0;
}
.btn-trigger span:nth-of-type(2) {
top: 10px;
}
.btn-trigger span:nth-of-type(3) {
top: 20px;
}

/*=============================
#btn08
=============================*/
#btn08.active span:nth-of-type(1) {
-webkit-transform: translateY(10px) rotate(-315deg);
transform: translateY(10px) rotate(-315deg);
}
#btn08.active span:nth-of-type(2) {
opacity: 0;
}
#btn08.active span:nth-of-type(3) {
-webkit-transform: translateY(-10px) rotate(315deg);
transform: translateY(-10px) rotate(315deg);
}

/*============
nav
=============*/
nav {
display: block;
position: fixed;
top: 0;
left: -100%;
bottom: 0;
width: 100%;
background: #000;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
transition: all .5s;
z-index: 3;
opacity: 0;
}
.open nav {
left: 0;
opacity: 0.9;
}
nav .inner {
padding: 25px;
}


/*============
.toggle_btn
=============*/
.toggle_btn {
display: block;
position: absolute;
top: 10px;
right: 10px;
width: 30px;
height: 30px;
transition: all .5s;
cursor: pointer;
z-index: 3;
}
.toggle_btn span {
display: block;
position: absolute;
left: 0;
width: 30px;
height: 2px;
background-color: #fff;
transition: all .5s;
}
.toggle_btn span:nth-child(1) {
top: 4px;
}
.toggle_btn span:nth-child(2) {
top: 14px;
}
.toggle_btn span:nth-child(3) {
bottom: 4px;
}
.open .toggle_btn span {
  background-color: #fff;
}
.open .toggle_btn span:nth-child(1) {
  -webkit-transform: translateY(10px) rotate(-315deg);
  transform: translateY(10px) rotate(-315deg);
}
.open .toggle_btn span:nth-child(2) {
  opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
  -webkit-transform: translateY(-10px) rotate(315deg);
  transform: translateY(-10px) rotate(315deg);
}
/*============
#mask
=============*/
#mask {
display: none;
transition: all .5s;
}

.open #mask {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.7;
z-index: 2;
cursor: pointer;
}

.open_menu_wrap{
width:100%;
}

.open_menu{
width:80%;
height:100%;
margin:0 auto;
display:flex;
padding-top:100px;
justify-content:space-between;
background:#000;
}

.open_menu_item{
width:45%;
color:#fff;
font-size:12px;
font-weight:bold;
text-align:left;
padding-top:10px;
}

.open_menu_item p{
line-height:1.7;
opacity:1;
}

.open_menu_item a{
text-decoration:none;
color:#fff;
}

.breadcrumb {
display: flex;
flex-wrap: wrap;
list-style: none;
font-size:12px;
margin-bottom:50px;
}

.breadcrumb li:not(:last-of-type)::after {
content: "›";
margin: 0.6em;
color: #7a7a7a;
}

	

.magician_detail{
width:100%;
margin:0px auto 40px; 	
}

.magician_detail_wrap{
width:100%;
height:170px;
margin:0 auto;
background-image:url("https://magic-partner.com/wp-content/uploads/2026/04/magician_top5.png");
background-repeat: no-repeat; /* 繰り返さない */
display:flex;
justify-content:left;
}
	
.magician_detail_left{
width:120px;
}

.name_img{
position:relative;
top:20px;
left:20px;
width:120px;
}

.magician_detail_right{
width:calc(100% - 100px);
margin-left:30px;
}

.magician_detail_name{
position:relative;
font-size:16px;
font-weight:bold;
color:#ffff;
top:14px;
}

.magician_detail_catch{
position:relative;
font-size:10px;
font-weight:bold;
color:#ffff;
top:18px;
line-height:1.2;
}

.magician_photo{
margin:40px 0;
clear:both;
width:100%;
background:#fff;
color:#000;
font-weight:bold;
}

.magician_photo_title{
font-size:20px;
padding-bottom:30px;
}
	
.magician_photo_wrap{
width:100%;
display:flex;
justify-content:space-between;
}
	
.magician_photo_item{
width:48%;
margin-bottom:20px;
}
	
.magician_photo_item img{
width:100%;
}	

.magician_detail_wrap2{
max-width:100%;
height:auto;
color:#fff;
margin:0 auto;
padding:15px 15px 40px;
background-image:url("https://magic-partner.com/wp-content/uploads/2026/03/magician_detail_back.png");
background-repeat: no-repeat; /* 繰り返さない */
text-align:left;
}



.magician_profile{
font-size:18px;
color:#fff;
padding:40px 0;
}

.magician_profile_txt{
font-size:13px;
color:#fff;
opacity:0.9;
}

.magician_appearance{
font-size:18px;
color:#fff;
padding:40px 0;
}

.magician_detail_wrap3{
width:100%;
color:#fff;
}

.magician_photo_title{
font-size:20px;
padding-bottom:30px;
}
	
.review{
position:relative;
left:20px;
width:80px;
}
	
	
	
.flow{
width:100%;
margin:0 auto 40px;
}

.flow_title{
font-size:20px;
padding-bottom:30px;
}

.flow_wrap{
max-width:100%;
margin-bottom:30px;
font-weight:bold;
}


.flow_box{
display:block;
width:85%;
padding:20px;
margin-bottom:20px;
border:3px solid #000;
margin-right:2px;
}

.flow_item_l{
display:block;
width:100%;
text-align:center;
align-items:center;
margin-bottom:10px;
}

.flow_item_r{
display:block;
width:100%;
}

.flow_icon{
max-width:100%;
margin:1px auto 10px;
text-align:center;
align-items:center;
}

.flow_icon img{
width:23px;
}	
	
	
	
	
	
	
	
	
}