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

/**モーダル用**/
[class*="mordal_"]{display: none;width: 100%; max-width:900px!important; padding: 2rem!important; text-align: justify; position: relative;border-radius: 0.5rem;}
[class*="mordal_"] .fancybox-close-small {top: 0px;right: 0px; display: none;}
[class*="mordal_"] .content-header { border-bottom: 1px solid #eee; padding: 20px;}
[class*="mordal_"] .content-scroll { max-height: calc(100vh - 200px); overflow: auto; padding: 40px 20px 0 20px;}

.mordal_staff {	}
.mordal_staff .mordStaff_box{display: flex;gap:1.75em;align-items: flex-start;padding-bottom: 2em;}
.mordal_staff .mordStaff_box img.mordStaff_photo{width:200px;border-radius: 0.5rem;}
.mordal_staff .mordStaff_info{flex:1;width:100%;padding-top: 0.5em;}
.mordal_staff .mordStaff_info .mordStaff_name{margin-bottom: 0.25em;font-size:var(--font-L);}
.mordal_staff .mordStaff_info .mordStaff_name small{font-size:75%;display: inline-block;margin-left: 0.5em;}
.mordal_staff .mordStaff_info .mordStaff_name .atten{font-size:50%;display: inline-block;margin-left: 0.5em;}
.mordal_staff .mordStaff_info .mordStaff_kai{font-size: 90%;margin-bottom: 1rem;}
.mordal_staff .mordStaff_info .mordStaff_desi{font-size: 90%;margin-bottom: 2rem;}
.mordal_staff .mordStaff_info .mordStaff_other{font-size: 90%;}
.mordal_staff .mordStaff_info .mordStaff_other .mordStaff_txt{display: block;}
.mordal_staff .mordStaff_info .mordStaff_other .mordStaff_txt + [class*="Fset"]{padding-top: 2em;}
.mordal_staff .mordStaff_btn{}
.mordal_staff .mordStaff_btn [class^="comm_btn"]{ font-size: 1.3rem; width: 100%;}
.mordal_staff .mordStaff_btn [type^="button"]{width: 100%;color: #fff; display:block!important; padding: 0.5em 2em!important;font-family:"Roboto","Noto Sans JP", sans-serif!important; font-size:var(--font-M)!important; margin-top: 1em!important; border-style: none!important; border-radius: 0.5rem!important; background-color:var(--color-red)!important;}

.mordal_savas{padding: 1rem !important;}
.mordal_savas .savas_Closebtn{}
.mordal_savas .savas_Closebtn [class^="comm_btn"]{ font-size: 1.3rem; width: 100%;}
.mordal_savas .savas_Closebtn [type^="button"]{width: 100%;color: #fff; display:block!important; padding: 0.5em 2em!important;font-family:"Roboto","Noto Sans JP", sans-serif!important; font-size:var(--font-M)!important; margin-top: 1em!important; border-style: none!important; border-radius: 0.5rem!important; background-color:var(--color-red)!important;}

.mypage_shop+footer+.fancybox-container .fancybox-image{background:#FFF; padding: 1rem;border-radius: 0.25rem;}
.mypage_shop+footer+.fancybox-container .fancybox-button--zoom,
.mypage_shop+footer+.fancybox-container .fancybox-button--play,
.mypage_shop+footer+.fancybox-container .fancybox-button--thumbs{display:none!important;}


@media screen and (max-width: 760px) {

	/**モーダル用**/
	[class*="mordal_"]{width: 90%; padding: 1.5em!important; overflow: initial; }
	[class*="mordal_"] .fancybox-close-small{}
    [class*="mordal_"] .mordStaff_btn{text-align: center; margin-top: 1em;}
    .fancybox-slide--html{ padding: 5% 0;}

	.mordal_staff .mordStaff_box{flex-direction: column;gap: 1em;}
	.mordal_staff .mordStaff_box img.mordStaff_photo{width:40%;margin: auto;}
	.mordal_staff .mordStaff_info{padding-top:0;}
	.mordal_staff .mordStaff_info .mordStaff_name{text-align: center;margin-bottom:0.5em;}
	.mordal_staff .mordStaff_info .mordStaff_name small{font-size:50%;display: block; margin-left:0;}
	.mordal_staff .mordStaff_info .mordStaff_name .atten{font-size:50%;display: block; margin-left:0;}
	.mordal_staff .mordStaff_info .mordStaff_kai{font-size: var(--font-M);text-align: center;}
	.mordal_staff .mordStaff_info .mordStaff_desi{font-size: var(--font-M);text-align: center;}
	.mordal_staff .mordStaff_info .mordStaff_other{font-size:var(--font-S);}
	.mordal_staff .mordStaff_info .mordStaff_other .mordStaff_txt + [class*="Fset"]{}
	.mordal_staff .mordStaff_btn [type^="button"]{padding:1.5em!important;}
	
	.mordal_savas{padding:0.5rem!important;}
	.mordal_savas .savas_Closebtn{}
	.mordal_savas .savas_Closebtn [class^="comm_btn"]{}
	.mordal_savas .savas_Closebtn [type^="button"]{}
	
	.mypage_shop+footer+.fancybox-container .fancybox-image{width: 90%;height: auto;right: 0;margin: auto;}
	.mypage_shop+footer+.fancybox-container .fancybox-button--zoom,
	.mypage_shop+footer+.fancybox-container .fancybox-button--play,
	.mypage_shop+footer+.fancybox-container .fancybox-button--thumbs{}
}