@charset "utf-8";

.mtl {
    margin-top: 100px !important;
}
.mbl {
    margin-bottom: 100px !important;
}
.mtm {
    margin-top: 80px !important;
}
.mbm {
    margin-bottom: 80px !important;
}
.mtms {
    margin-top: 50px !important;
}
.mbms {
    margin-bottom: 50px !important;
}
.mts {
    margin-top: 20px !important;
}
.mbs {
    margin-bottom: 20px !important;
}
.ptl {
    padding-top: 100px !important;
}
.pbl {
    padding-bottom: 100px !important;
}
.ptm {
    padding-top: 80px !important;
}
.pbm {
    padding-bottom: 80px !important;
}
.ptms {
    padding-top: 50px !important;
}
.pbms {
    padding-bottom: 50px !important;
}
.pts {
    padding-bottom: 20px !important;
}
.pbs {
    padding-bottom: 20px !important;
}

#wrapper {
    min-width: 1040px;
}

/*______________________________________________________________________________
li_並び */

.li_narabi_both li {
	display: inline-block;
	margin-right: 1em;
}

.li_mt00 li + li {
	margin-top: 0;
}


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
ボタン */
.btn_in {
	transition: 0.5s;
}
.btn_in:hover {
	opacity: 0.7;
}

/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
表 */


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
gmap */

.gmap {
	height: 320px;
}


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
youtube */


/*______________________________________________________________________________
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
フォーム */
input[type=tel],
input[type=email],
input[type=password],
input[type=text],
select,
textarea {
	padding: 12px 15px;
}


/*______________________________________________________________________________
セレクトボックス */

.selectblock {
	max-width: 300px;
}


/*______________________________________________________________________________
テキストエリア */

textarea {
	height: 210px;
	resize: vertical;
}

.oneline_textarea {
	min-height: 50px;
}

/*______________________________________________________________________________
ラジオボタン */

.radio_style label {
	margin: 0;
}

.radio_style span {
	padding-left: 40px;
	padding-right: 30px;
}

.radio_style span:before {
	width: 20px;
	height: 20px;
}

.radio_style input:checked + .radio_txt:after {
	height: 12px;
    width: 12px;
    left: 4px;
}


/*______________________________________________________________________________
チェックボックス */

.checkbox_style span:before {
	width: 15px;
	height: 15px;
}

.checkbox_style span {
	font-size: 1.2rem;
	padding: 5px 13px 5px 26px;
}

.checkbox_style input:checked + .checkbox_txt:after {
	width: 6px;
	height: 8px;
	left: 5px;
	top: 10px;
}

.checkbox_style_narabi li {
	margin-top: 10px;
}

.checkbox_style_narabi {
	margin-top: -10px;
}


/*______________________________________________________________________________
ラジオボタン+チェックボックスの並び */

/* .form_narabi {
	padding-top: 4px;
	margin-top: -10px;
}

.form_narabi li {
	margin-top: 10px;
} */

/*______________________________________________________________________________
インプット補足 */
.input_hosoku {
    color: #7d7d7d;
    font-size: 1.2rem;
    margin-top: 5px;
}

/*______________________________________________________________________________
フォームレイアウト */
.acf-field,
.form_layout {
	display: flex;
}

.form_layout > dt {
	width: 38%;
	padding-top: 13px;
	margin-bottom: 0;
	margin-right: 2%;
}

.acf-field .acf-label {
	width: 29%;
	padding-top: 13px;
	margin-bottom: 0;
	margin-right: 2%;
}

.acf-field .acf-label,
.form_layout > dt .tl {
	font-size: 1.6rem;
}

.form_layout.form_title_m > dt {
	width: 29%;
}

.form_layout.form_title_s > dt {
	width: 26%;
}

.acf-field .acf-input,
.form_layout > dd {
	flex: 1 1 0%;
}

/* acfの更新完了メッセージ */
.ap_main_wrap #message.updated {
	border: 1px solid #000;
    padding: 10px 15px;
    margin-bottom: 25px;
}
/* acf全体のエラーメッセージ */
.acf-notice.-error.acf-error-message.-dismiss {
	display: none;
}

.acf-field .acf-input {
	display: flex;
    width: 100%;
    flex-direction: column;
}

.acf-input .acf-notice.-error.acf-error-message {
    order: 2;
    color: #d00505;
    font-size: 1.3rem;
    margin-top: 5px;
}


.acf-field + .acf-field,
.form_layout + .form_layout {
	margin-top: 20px;
}

/* .acf-field input[type=text],
.acf-field input[type=tel] {
	width: 100%;
} */


/*:: 必須 / 任意 ::::::::::::::::*/
.acf-label .ninni,
.form_layout .ninni,
.acf-label .acf-required,
.form_layout .required {
	width: 38px;
	height: 21px;
	font-size: 1.2rem;
	margin-right: 15px;
}


/*:: 追加テキスト :::::::::::::::: */

.form_layout .txt_tuika p {
	font-size: 1.6rem;
}

.form_narabi {
    display: flex;
}

.form_narabi_item {
	width: 50%;
}

.form_narabi_item + .form_narabi_item {
   margin-left: 30px;
}

.form_child {
    display: flex;
    align-items: center;
}

.form_child + .form_child {
	margin-top: 20px;
}

.form_child input {
	flex: 1 1 0%;
}

.form_child_ttl {
    margin-right: 15px;
}

.form_narabi_item_ttl span {
	font-size: 12px;
	position: relative;
    top: -2px;
}

.form_password .form_narabi_item_ttl {
	width: 270px;
}


/*______________________________________________________________________________
form_confirm */

.form_confirm input:disabled {
	font-size: 1.6rem;
	padding: 0;
}

.form_submit_btn_block li + li {
	margin-top: 60px;
}

.form_confirm .form_layout > dt {
	padding-top: 0;
}

.submit_btn_reverse {
	padding: 15px 30px 16px 50px;
}

/*******************************************************************************
/*******************************************************************************
game 詳細 */

.cart_popup_content {
    width: 500px;
}