/*
Theme Name: NFC CUSTOM
*/

body {
	overflow: scroll;	
}
bodt,
html {
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
#wpadminbar ul#wp-admin-bar-root-default,
#wpadminbar ul#wp-admin-bar-root-default>li#wp-admin-bar-archive,
#wpadminbar ul#wp-admin-bar-root-default>li#wp-admin-bar-archive a.ab-item {
	display: none !important;
}
 #wpadminbar ul li:last-child .ab-item {
    display: none !important;
}
.embedbox {
    position: relative;
    width: 100%;
    height: 100vh; /* 画面全体の高さを確保する、必要に応じて調整 */
}


.embedbox .custom-audio-class,
.embedbox .image_wrapper {
    width: 98%;
    height: auto;
    max-width: 640px;
	margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


/* embedbox 全体の設定 */
.embedbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8); /* 半透明の背景 */
    display: flex;
    justify-content: center; /* 横方向中央寄せ */
    align-items: center; /* 縦方向中央寄せ */
    z-index: 9999;
}

/* 動画ラッパー */
.video-wrapper {
    position: relative; /* 子要素のabsoluteを基準にする */
    width: 100%; /* 親要素の幅に合わせる */
    max-width: 640px;
	margin-bottom: 30px; /* 動画とボタンの間に余白 */
}

/* 動画のスタイル */
.custom-video-class {
    width: 100%; /* 親要素の幅に合わせる */
    height: 55vh; /* 高さを画面の70%に設定 */
    max-height: 70vh; /* フルスクリーンを避けるための高さ制限 */
    object-fit: contain; /* 動画のアスペクト比を維持 */	
}

/* ボタンのスタイル */
.movie_btn {
    position: absolute; /* 親要素（video-wrapper）の中で絶対位置 */
    bottom: -100px; /* 動画の下に配置 */
    left: 50%;
    transform: translateX(-50%); /* 水平中央寄せ */
    display: inline-block;
    text-align: center;
    padding: 10px 10px;
    font-weight: bold;
    background: #fff;
    border: 2px solid #27acd9;
    color: #27acd9;
    transition: 0.5s;
	margin-bottom: 20px;
}

/* ボタンのホバー効果 */
.movie_btn a {
    text-decoration: none;
    color: inherit;
}

.movie_btn:hover {
    background: #27acd9;
    color: #fff;
}

/* 閉じるボタン */
.close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: red;
    color: white;
    border: none;
    border-radius: 50%;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 16px;
    z-index: 1000;
}

.close-button:hover {
    background-color: darkred;
}


.embedbox .image_wrapper {	
	object-fit: cover;
	overflow: scroll;
}
.embedbox .image_wrapper img {
	max-width: 100%;
	height: auto;
	object-fit: cover;
}

.pmpro_form_label:not(.pmpro_form_label-inline),
.mpro_checkout-field label {
	display: block;
	font-weight: 500;	
	font-size: 20px;
}
.pmpro_checkout-field {
	display: flex;
	align-items: center;
	margin-top: 10px;
}
.pmpro_checkout-field label {
	width: 5em;
    margin-right: 1em;
    font-weight: 500;
    font-size: 20px;
}
input.txt {
    width: calc(100% - 6em);
    line-height: 3.5;
    border: 1px solid #777;
    box-sizing: border-box;
    margin: 0.5em 0;
	border-radius: 8px;
    background-color: var(--pmpro--color--base);
    border: 1px solid var(--pmpro--color--border);
    border-radius: var(--pmpro--base--border-radius);
    box-shadow: none;
    box-sizing: border-box;
    color: var(--pmpro--color--contrast);
    font-size: 16px;
    height: auto;
    line-height: 1.5;
    margin: 0;
    min-height: auto;
    outline: none;
    padding: var(--pmpro--base--spacing--small);	
}
.site-main {
	max-width: 1200px;
	margin: 20px auto 0;
}
.title__wrapper {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-top: 100px;
}
.pmpro_card_content p.choose {
	font-size: 120%;
	font-weight: bold;
	line-height: 3;
	text-align: center;
	margin-top: -30px !important;
}
.pmpro-checkout .title__wrapper {
	display: none;
}
#pmpro_user_fields p.note {
    color: var(--pmpro--color--error-text);
}
tr.pmpro_level th {
	font-size: 130%;
	font-weight: bold;	
}
.pmpro_form_submit {
    justify-content: center;
}
.login #backtoblog,
footer#colophon,
#pmpro_pricing_field,
.medium-12.columns,
#nav_menu-submenu
.pmpro_card {
	display: none !important;
}

.wp-die-message {
    font-size: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    display: none !important;
    opacity: 0 !important;
}

.thanks_messe {
	font-size: 18px;
	text-align: center;
	margin: 50px auto;
}

.wifi_nfc {
	margin: 50px auto;
	text-align: center;
	font-size: 130%;	
}
.wifi_nfc textarea {
	max-width: 700px;
	font-size: 150%;
	padding: 10px;
	border: thin solid #ccc;
}
.nfc_generate {
	margin: 50px auto;
	text-align: center;
	font-size: 130%;
}
.nfc_generate input[type="text"] {
	font-size: 130%;
	padding: 10px;
	border: thin solid #ccc;
}
.generate_block {
	margin-top: 50px;
	padding-top: 50px;
	border-top: thin solid #ccc;
}
.download_btn {
	max-width:  300px;
	margin: 10px auto 50px;
}
button#copyButton.copy_btn {
	display: block;
	font-size: 110%;
	padding: 10px 30px;
	margin: 20px auto;
	background: #0073aa;
	border: none;
	border-radius: 5px;
    color: white;
    text-align: center;	
}
button.generate_btn {
	font-size: 110%;
	padding: 10px;
}