/*
Theme Name:
Theme URI: NA
Author: T.Oka
Author URI: NA
Description: NA
Version: 1.0.0
*/
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDGothic&family=BIZ+UDPGothic&family=BIZ+UDPMincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');
a:hover {
	opacity: 0.7;
}

.mt-0 {
	margin-top: 0;
}
.mr-10 {
	margin-right: 0.521vw;
}
.mlr-12 {
	margin-left: 0.625vw;
	margin-right: 0.625vw;
}
.mb-16 {
	margin-bottom: 0.833vw;
}
.mr-16 {
	margin-right: 0.833vw;
}
.mt-20 {
	margin-top: 1.042vw !important;
}
.mr-32 {
  margin-right: 1.667vw;
}
.mt-32 {
  margin-top: 1.667vw !important;
}
.mt-40 {
  margin-top: 2.083vw !important;
}
.mr-40 {
  margin-right: 2.083vw;
}
.mb-44 {
	margin-bottom: 2.292vw;
}
.mt-48 {
	margin-top: 2.5vw !important;
}
.mr-50 {
  margin-right: 2.604vw;
}
.mt-56 {
	margin-top: 2.917vw !important;
}
.mt-60 {
	margin-top: 3.125vw;
}
.pt-64 {
	padding-top: 3.333vw;
}
.mt-64 {
	margin-top: 3.333vw;
}
.mb-64 {
	margin-bottom: 3.333vw;
}
.mr-75 {
	margin-right: 3.906vw;
}
.mt-80 {
	margin-top: 4.167vw;
}
.pt-90 {
	padding-top: 4.688vw;
}
.pb-100 {
	padding-bottom: 5.208vw;
}

.mb-1h {
	margin-bottom: 1vh;
}
/*-------TOP----------*/
body.top {
  font-family: "FOT-UD角ゴ_ラージ Pr6N M", "YuGothic","Yu Gothic","Meiryo","ヒラギノ角ゴ", sans-serif;
	color: #10101A;
	width: 100vw;
	height: 66.667vw;
	padding-top :5.208vw;
	margin: 0;
}
h2.top_text {
	font-family: "Poppins";
	font-size: 3.698vw;
	font-weight: 600;
	margin-bottom: 0;
}
h2.top_text span{
	color: #FEBD09;
	margin-left: 1.146vw;
}
.dmenu_list img {
	width: 9.635vw;
	height: 5.99vw;
}
.reservation_area {
	padding: 11.198vw;
}
h3.reservation_text {
	font-size: 2.604vw;
	margin-bottom: 0;
}
.form_size {
	width: 6.25vw !important;
	height: 8.333vw;
	font-size: 2.604vw !important;
	text-align: center;
}
button.reservation_btn {
  background: #367BFA;
  border: #367BFA;
  width: 26.042vw;
  height: 5.208vw;
  border-radius: 2.604vw;
  color: #FFFFFF;
  font-size: 2.083vw;
  cursor: pointer;
}
button.reservation_btn:hover {
	opacity: 0.7;
}
button.reservation_btn[disabled] {
  background-color: #ccc;
  cursor: not-allowed;
}
@media(max-width:767px) {
.mlr-12 {
	margin-left: 2vw;
	margin-right: 2vw;
}
input.form-control.form_size {
	width: 9vw !important;
	height: 12vw;
}
}
/*@media(max-width:481px) {
body.top {
	width: 100vw;
	height: 812px;
	padding-top :51.2vw;
	margin: 0;
}
h2.top_text {
	font-size: 10.133vw;
}
h2.top_text span{
	margin-left: 4.8vw;
}
.reservation_area {
	padding: 5.333vw;
}
h3.reservation_text {
	font-size: 5.333vw;
}
.form_size {
	width: 6.25vw !important;
	height: 8.333vw;
	font-size: 2.604vw !important;
	text-align: center;
}
}*/
/*-------page-main----------*/
body.main {
	background: #F5F7FA;
  font-family: "FOT-UD角ゴ_ラージ Pr6N M", "YuGothic","Yu Gothic","Meiryo","ヒラギノ角ゴ", sans-serif;
	color: #10101A;
	width: 100vw;
	height: auto;
	margin: 0;
}
.header_area {
	background: #FFFFFF;
	width: 100vw;
	height: auto;
	vertical-align: middle;
	padding: 1.094vw 2.604vw;
}
.header_area a {
	text-decoration: none;
}
h2.maintop_text {
	color: #10101A;
	font-family: "Poppins";
	font-size: 1.563vw;
	font-weight: 600;
	margin-bottom: 0;
}
@media(max-width:767px) {
h2.maintop_text {
	font-size: 4vw;
}
}
h2.maintop_text span{
	color: #FEBD09;
	margin-left: 0.573vw;
}
.timer {
	font-size: 1.25vw;
	font-weight: 700;

	/* azbl-30 */
	height: 28px;
	width: 33vw;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
}
.z2 {
	z-index: 2;
}
.login_name {
	background: #367BFA;
	width: fit-content;
	height: fit-content;
	padding: 0.417vw 1.563vw;
  border-radius: 1.146vw;
}
.login_name p {
  color: #FFFFFF;
  font-size: 0.938vw;
  margin-bottom: 0;
}
.block1 {
	padding: 4.167vw 5.208vw;
}
.block1 h2,
.block2 h2,
.block3 h2,
.block4 h2,
.block5 h2,
.block6 h2 {
	font-size: 2.083vw;
	font-weight: 700;
	margin-bottom: 0;
}
.block1 h3 {
	font-size: 1.667vw;
	font-weight: 700;
	margin-bottom: 0;
}

p.welcom {
  font-size: 2.5vw;
  color: #367BFA;
  font-weight: 700;
  margin-bottom: 0;
}
p.last_used {
	font-size: 1.25vw;
	margin-bottom: 0;
}
.block2,
.block5 {
	background: #FFFFFF;
	width: 89.583vw;
	height: auto;
	margin: 3.333vw 5.208vw;
	padding: 3.333vw 4.167vw;
}
.block7,
.block8 {
	background: #FFFFFF;
	width: 89.583vw;
	height: auto;
	margin: 0 5.208vw;
	padding: 3.333vw 4.167vw;
}
a.continuation_more {
	font-size: 1.042vw;
	text-decoration: none;
	color: #10101A;
	padding-bottom: 1.51vw;
}
.continuation_flame {
	overflow: hidden;
	width: 24.479vw;
	height: 14.323vw;
	margin: 0;
}
img.movie_thumbnail {
	width: 24.479vw;
	height: 14.323vw;
	transition: transform .6s ease;
}
img.movie_thumbnail:hover {
	transform: scale(1.1);
}
.block2 h3,
.block5 h3,
.block6 h3 {
	width: 24.479vw;
	height: auto;
	font-size: 1.25vw;
	margin-top: 0.833vw;
}
.block3,
.block4,
.block5,
.block6 {
	margin :0.833vw 5.208vw;
}
.tag_list,
.category_list,
.block5 button {
	background: #FFFFFF;
  width: fit-content;
  height: 6.25vw;
  border-radius: 5.938vw;
  border: 0.104vw solid #367BFA;
}
.category_list a {
  padding: 1.25vw 2.604vw 1.25vw 1.25vw;
  margin-bottom: 0;
}
.block5 button label {
  padding: 1.25vw 2.604vw 1.25vw 1.25vw;
  margin-bottom: 0;
}
.tag_list a {
  padding: 1.25vw 2.604vw;
  margin-bottom: 0;
}
.tag_list a,
.category_list a,
.block5 button label,
.block5 button label a {
	font-size: 1.667vw;
	font-weight: 700;
	text-decoration: none;
	color: #10101A;
	}
.category_list.active {
	background-color: #367BFA;
}
.tag_list span {
	color: #367BFA;
	font-size: 1.667vw;
}
.block5 label span {
	color: #367BFA;
	font-size: 1.667vw;
}
.block3 img,
.block5 button img {
  width: 3.75vw;
  height: 3.75vw;
}
/*-------page-----------*/
ol.breadcrumbs {
  list-style: none;
	margin :0.729vw 5.208vw;
	padding: 0;
	font-size: 0.938vw;
}
.breadcrumbs li,
.breadcrumbs a {
  color: #A8ACB2;
}
.breadcrumbs li::after{
  content: '/';
  display: inline-block;
  padding: 0 0.521vw;
}
.breadcrumbs li:last-child::after{
  display: none;
}
.block5 input[type="radio"] {
  position: absolute;
  left: -9999px;
}
ol.filters li{
	margin-top: 0.833vw;
	margin-right: 1.667vw;
}
.filters * {
  display: inline-block;
}
.filters label {
  text-align: center;
  padding: 0.25rem 0.5rem;
  margin-bottom: 0.25rem;
  min-width: 2.604vw;
  line-height: normal;
  cursor: pointer;
  transition: all 0.2s;
  display: block;
}
.block5 button:hover {
	background: #367BFA;
}
.block5 button:hover span,
.block5 button:hover label {
  color: #fff;
}
.block5 button:hover img {
	opacity: 0.7;
}
[value="all"]:checked ~ .display_targets [data-category] {
  display: block;
}
[value="blank"]:checked ~ .display_targets .display_target:not([data-category~="blank"]),
[value="beginner"]:checked ~ .display_targets .display_target:not([data-category~="beginner"]),
[value="firsttime"]:checked ~ .display_targets .display_target:not([data-category~="firsttime"]),
[value="5in1"]:checked ~ .display_targets .display_target:not([data-category~="5in1"]),
[value="weight"]:checked ~ .display_targets .display_target:not([data-category~="weight"]),
[value="commentary"]:checked ~ .display_targets .display_target:not([data-category~="commentary"]),
[value="movie1"]:checked ~ .display_targets .display_target:not([data-category~="movie1"]),
[value="movie3"]:checked ~ .display_targets .display_target:not([data-category~="movie3"]) {
  display: none;
}
/*-------page-movie----------*/
img.my_favorite {
	width:3.021vw;
	height:3.021vw;
}
.movie1_thumbnail {
	width: 72.917vw;
  height: 40.91vw;
}
#v-frame {
	width: 72.917vw;
	height: auto;
}
.movie_area {
	margin :0 8.333vw;
}
.tab_switching {
  display: none;
}
img.movie_menu {
	width:2.083vw;
  height:2.083vw;
}

* {
  margin: 0;
  padding: 0;
}
ul {
  list-style-type: none;
}
.threesetmovies {
	justify-content: start;
}

.threesetmovie {
  flex: 0 0 33.33333%;
  background: #FFFFFF;
  padding: 0.521vw 0;
}
li.threesetmovie {
	font-size: 1.667vw;
	font-weight: 700;
}
.threesetmovie.active {
  background: #F5F7FA;
  width: 38.542vw;
}

.tab_switching.show {
  display: block;
}
.threesetmovie img {
	width: 13.542vw;
	height: 7.604vw;
}

.training_procedure p {
	color: #367BFA;
	font-size: 1.406vw;
	font-weight: 700;
}
.training_procedure span {
	color: #10101A;
	font-size: 1.406vw;
	margin-left: 0.521vw;
	font-weight: 700;
}
p.border-bottom {
	padding-bottom: 1.302vw;
}
img.circle_small {
	width: 4.167vw;
	height: 4.167vw;
}
img.circle_big {
	width: 5.729vw;
	height: 5.729vw;
}

.movie_control img{ transition: .5s ease-out; }
.movie_control img:hover{ opacity:0.7}


/*-----------------*/
body {
	overflow-x: hidden;
}

/*-------tags---------*/
.movie-tags .badge {
	background: #febd09;
	font-size: 1vw;
}

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

.movie-tags a:hover {
	color: #fff;
}

/*
.movie-tags {
	margin-bottom: 2.5vw;
}

.block2 h3,
.block6 h3 {
	margin-bottom: 1vw;
}
*/


/*------- play course ---------*/
#course_interval {
	display:none;
}
#course_interval.active {
	position:absolute;left:0;top:0;width:100%;height:100%;
	display:flex;justify-content:center;align-items:center;
	background: rgba(255,255,255,0.2);
}
#course_interval.active span {
	color:#fff;
	font-size: 20vw;
}

section#movie_in_course {
	margin-top: 50px;
}


.table_underline {
    border-bottom: 0.073vw solid #ccc;
}
table.movie_table {
	width: 100%;
}

table.movie_table thead {
	margin-bottom:10px;
}
table.movie_table tbody {
	margin-top: 10px;
}
table.movie_table tr {
	margin-top: 10px;
}
table.movie_table tr.active {
	background-color: #F5F7FA;
}

/* table.movie_table tr {
	border-spacing: 0 10px;
} */
table.movie_table th,
table.movie_table td {
    font-size: 1.5vw;
    padding-right: .8rem;
}

td.row-interval {
	padding: 20px 0;
}

table.movie_table tbody img {
    width: 13.5vw;
    height: 7.6vw;
}