@charset "utf-8";

section#sub_pagettl{
	background-image: url(../img/subttl_video.png);
}

#video_menu{
	background-color: #da2429;
	width: 100%;
	z-index: 100;
	position: relative;
}
#video_menu.vmenu_fix{position: fixed; left: 0px;}

#video_menu #video_list{ display: flex; justify-content: center; align-items: stretch;}
#video_menu #video_list li{	border-left: 1px solid #a9191c; }
#video_menu #video_list li:last-child{border-right: 1px solid #a9191c;}

#video_menu #video_list li a{
	display: block;
	height: 100%;
	padding: 1.5em 1em;
	text-align: center;
	font-size: 0.9rem;
}

/* clingifyカスタマイズ */
.js-clingify-locked {
	top: 60px;
}
#sec_videonav.vmenu_fix + #sect_accord{ padding-top: 140px!important;}
#sect_accord{}
#sect_accord .menu_title{font-family: 'Squada One', cursive; font-size: 2.6rem; text-align: center; padding-bottom: 1em; }
#sect_accord .accord_ul{ }
#sect_accord .accord_ul li img{display: block; width: 100%; margin: auto; margin-bottom: 1.5em; border-radius: 0.25em;}
#sect_accord .accord_ul li .accord_name{ text-align: center; background-color: #E7E7E7; border-radius: 0.25em; padding: 0.5em 1em; margin-bottom: 0.5em; font-weight: bold;}
#sect_accord .accord_ul li a{ display: block; color: #424242; margin-bottom: 0.5em; padding: 0 0.5em; text-indent: -1.3em; padding-left: 2em; font-size: 0.9em;}
#sect_accord .accord_ul li a:before{ content:"→"; color: #DA2429; margin-right: 0.5em; font-size: 0.7rem;}
#sect_accord .accord_ul li .accord_sname{ padding-right: 0.75em; padding-left: 0.75em; padding-bottom: 0.75em; display: block; font-size: 0.9em;}
#sect_accord .accord_ul li a + .accord_sname{ padding-top: 2em;}


#sect_accord + #sect_dest{ padding-top: 0;}

#sect_dest{}

#purpose{ /*padding-top: 170px; margin-top: -170px;*/}
.gender_box{ text-align: center;}
.gender_mark{
	background-color: #DA2429;
	width: 4.5em;
	border-radius: 50%;
	height: 4.5em;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.gender_mark img{
	width: 45%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.gender_box .gender_txt{
	padding-top: 1em;
	padding-bottom:2em;
}
.men_box + .women_box{
	margin-top: 5em;
}


/*sliderカスタマイズ*/
.slick-dots {
    position: absolute;
    bottom: 10px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: auto;
    width: 100%;
	left:0;right:0;
}
.slick-dots li button:before{
	font-size: 16px;
	opacity: 1;
	color: #FFFFFF;
}
.slick-dots li.slick-active button:before{
	color: #DA2429;
	opacity: 1;
}
.slick-dots li button{

}

ul[class^="sl_"]{
    width: 100%;
    overflow: hidden;
    height: 350px;
}
ul[class^="sl_"] .slick-list li.slick-slide{
	width: 100%;
	max-width: 1200px;
	height: 350px;
	background-color: #dbdbdb;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 100%;
	}

ul[class^="sl_"] .slick-list li.slick-slide a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #000000;
	font-weight: bold;
	font-size: 2.4rem;
	letter-spacing: 0.1em;
	outline:none;
}
ul[class^="sl_"] .slick-list li{ width: 100%;
    /*-webkit-filter: brightness(0%) opacity(0.2);
    -moz-filter: brightness(0%) opacity(0.2);
    -o-filter: brightness(0%) opacity(0.2);
    -ms-filter: brightness(0%) opacity(0.2);
    filter: brightness(0%) opacity(0.2);*/
    transition: 0.2s linear;
	opacity: 0.4;
}
ul[class^="sl_"] .slick-list li.slick-active{
	opacity: 1;
    /*-webkit-filter: brightness(100%) opacity(1);
    -moz-filter: brightness(100%) opacity(1);
    -o-filter: brightness(100%) opacity(1);
    -ms-filter: brightness(100%) opacity(1);
    filter: brightness(100%) opacity(1);*/

}

ul.sl_worries .slick-list li.slick-slide{ background-color: #000000;}
ul.sl_worries .slick-list li.slick-slide a{ color: #fff;}
/*sliderカスタマイズここまで*/



#sect_worries{}






#sect_video{}
.equip_vlist>*{ padding-top: 130px;margin-top:-130px;}
.equip_vlist>*>.for_bg{
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 100%;
	padding-top: 3em;
	padding-bottom: 3em;
	background-color: #f3f3f3;
	color: #000000;
	overflow: hidden;
}
.equip_vlist>*:nth-child(2n)>.for_bg{
	background-color: #FFFFFF;
}
.equip_vlist>*>.for_bg [class^="wth_"]{
/*
	background-color: rgba(255,255,255,0.50);
	padding-top: 2em;
	padding-bottom: 2em;
*/
}

.equip_vlist li#equip_smith .for_bg{ background-image: url("../img/eq-video/equip_bg01.png");}
.equip_vlist li#equip_dumb .for_bg{	background-image: url("../img/eq-video/equip_bg02.png");}
.equip_vlist li#equip_bench .for_bg{ background-image: url("../img/eq-video/equip_bg03.png");}
.equip_vlist li#equip_mat .for_bg{ background-image: url("../img/eq-video/equip_bg04.png");}
.equip_vlist li#equip_balance .for_bg{ background-image: url("../img/eq-video/equip_bg05.png");}
.equip_vlist li#equip_bike .for_bg{	background-image: url("../img/eq-video/equip_bg06.png");}


.equip_vlist .vlink_cont{ display: table;width: 100%;}
.equip_vlist .vlink_cont >*{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 50%;
	height: 300px;
}
.equip_vlist .equip_name{

}
.equip_vlist .equip_name h3{
	font-size: 2rem;
	text-align: center;
	background-color: #000000;
	color: #FFFFFF;
	display: inline-block;
	padding-top: 0.5em;
	padding-right: 0.75em;
	padding-left: 0.75em;
	padding-bottom: 0.75em;
}
.equip_vlist .equip_name h3 small{
	display: block;
	font-size: 50%;
	color: #FFFFFF;
	font-weight: bold;
}

.equip_vlist .equip_vlink{ text-align: left; }
.equip_vlist .equip_vlink .linl_list li{
	border-bottom: 1px solid #BCBCBC;
	text-align: left;
}
.equip_vlist .equip_vlink .linl_list li a{
	font-size: 1rem;
	color: #000000;
	padding: 0.75em 1em;
	display: inline-block;
}
.equip_vlist .equip_vlink .linl_list li:first-child{ border-top: 1px solid #BCBCBC;}
.equip_vlist .equip_vlink .linl_list li a:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #da2429;
	display: inline-block;
	margin-right: 1em;
} 

/**動画詳細**/
.video_detail #video_menu{ position: fixed; left: 0px; top: 60px;}
.video_detail #video_menu + #sect_detail_video{
	padding-top: 130px!important;
}
#sec_videonav.vmenu_fix + #sect_detail_video{ padding-top: 140px!important; }

.casette_list{ width: 100%; }
.casette_list>li{ overflow: hidden;
	padding-bottom: 3em;
}
.casette_cont{
	width: 50%;
	float: left;
	padding-right: 3%;
	padding-bottom: 0px;
}
.casette_cont .casette_name{
	padding: 0.4em 1.5em;
	display: inline-block;
	font-size: 1.4rem;
	border: 1px solid #000000;
	margin-bottom: 1.4em;
}
.casette_cont .casette_txt{}
.casette_cont .casette_txt >*{ margin-bottom: 0.5em;}
.casette_cont .casette_txt >* strong{ font-weight: normal;}
.casette_cont .casette_txt >* strong:after{
	content: "｜";
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.casette_cont [class^="gendico_"]{
	display: inline-block;
	background-color: #DA2429;
	color: #FFFFFF;
	font-size: 75%;
	padding-top: 0.25em;
	padding-right: 0.75em;
	padding-left: 0.75em;
	padding-bottom: 0.5em;
	line-height: 1em;
	border-radius: 34px;
	margin-right: 1em;
}
.casette_cont [class^="gendico_"]:before{
	/*content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	background-position: center center;
	background-size: auto 100%;
	background-repeat: no-repeat;
	margin-right: 0.4em;*/
}
.casette_cont .gendico_men{	background-color: #50799c;}
.casette_cont .gendico_women{ background-color: #a85858;}
ul.gend_txt{ padding-top: 0.5em;}
ul.gend_txt li{}



.purpose_ttl{
	background-color: #dbdbdb;
	margin-top: -70px;
	height: 220px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 100%;
	padding-bottom: 0px;
	margin-bottom: 62px;
}
.purpose_ttl .smid_title{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
.purpose_ttl .smid_title:after{ display: none;}

.purpose_ttl .smid_title small{
	display: block;
	font-size: 1.2rem;
}

.purpose_ttl#goal_01_men{ background-image: url(../img/eq-video/ach-men_01_bg.png);}
.purpose_ttl#goal_02_men{ background-image: url(../img/eq-video/ach-men_02_bg.png);}
.purpose_ttl#goal_03_men{ background-image: url("../img/eq-video/ach-men_03_bg.png");}
.purpose_ttl#goal_04_men{ background-image: url("../img/eq-video/ach-men_04_bg.png");}
.purpose_ttl#goal_05_men{ background-image: url("../img/eq-video/ach-men_05_bg.png");}
.purpose_ttl#goal_06_men{ background-image: url("../img/eq-video/ach-men_06_bg.png");}
.purpose_ttl#goal_07_men{ background-image: url("../img/eq-video/ach-men_07_bg.png");}
.purpose_ttl#goal_08_men{ background-image: url(../img/eq-video/ach-men_08_bg.png);}

.purpose_ttl#goal_01_women{ background-image: url(../img/eq-video/ach-women_01_bg.png);}
.purpose_ttl#goal_02_women{ background-image: url("../img/eq-video/ach-women_02_bg.png");}
.purpose_ttl#goal_03_women{ background-image: url("../img/eq-video/ach-women_03_bg.png");}
.purpose_ttl#goal_04_women{ background-image: url("../img/eq-video/ach-women_04_bg.png");}
.purpose_ttl#goal_05_women{ background-image: url("../img/eq-video/ach-women_05_bg.png");}
.purpose_ttl#goal_06_women{ background-image: url("../img/eq-video/ach-women_06_bg.png");}
.purpose_ttl#goal_07_women{ background-image: url("../img/eq-video/ach-women_07_bg.png");}
.purpose_ttl#goal_08_women{ background-image: url("../img/eq-video/ach-women_08_bg.png");}


/**yutubeボックス**/
.ytube_box{ float: right; width: 50%;}


/* ##### responsive ##### */
@media screen and (max-width: 760px) {
article{padding-top:100px; }
#video_menu{
	width: 100%;
    overflow-x: scroll;
}

#video_menu #video_list{
    display: flex;
    /* overflow: scroll; */
	/*display: block;*/
    width: 180vw;
}
#video_menu #video_list li{
	width: calc(100% / 6);
}

#video_menu #video_list li a{
	display: block;
	height: 100%;
	padding: 0.5em 1em;
	text-align: center;
	font-size: 0.8rem;
	white-space: nowrap;
	/*position: relative;*/
}
#video_menu #video_list li a p{
  display: flex;
  justify-content: center;
  align-items: center;
  height:100%;
  }

/* clingifyカスタマイズ */
.js-clingify-locked {
	
}

#purpose{ /*padding-top: 140px;margin-top:-140px;*/}

/*sliderカスタマイズ*/

.slick-dots {}
.slick-dots li button:before{}
.slick-dots li.slick-active button:before{}
.slick-dots li button{}
ul[class^="sl_"]{ height: 280px;}
ul[class^="sl_"] .slick-list li.slick-slide{
	max-width: auto;
	height: 75vw;
	max-height: 350px;
}
ul[class^="sl_"] .slick-list li.slick-slide a{
	font-size: 1.6rem;
	text-align: center;
}
ul[class^="sl_"] .slick-list li{ width: 100%;
}
ul[class^="sl_"] .slick-list li.slick-active{
}


/*sliderカスタマイズここまで*/

#sect_accord{}
#sect_accord .menu_title{ padding-bottom: 0.5em;}
#sect_accord .accord_ul{ }
#sect_accord .accord_ul li {}
#sect_accord .accord_ul li .accord_name{ }
#sect_accord .accord_ul li .accord_name:after{ content:"＋"; margin-left: 1em; }
#sect_accord .accord_ul li .accord_name.area_open:after{ content:"－";}
#sect_accord .accord_ul li .hidden_box{ display: none; padding-bottom: 2em;}

#sect_accord + #sect_dest{ padding-top: 40px;}


#sect_equip{}
.equip_vlist>*{ padding-top: 160px; margin-top: -160px;}
.equip_vlist>*>.for_bg{
	padding-top: 0;
	background-size: auto 66vw;
	background-position: left top;
}

.equip_vlist .vlink_cont{ display: block; padding-top:0; }
.equip_vlist .vlink_cont >*{
	display: block;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height:auto;
}
.equip_vlist .equip_name{ margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	height: 66vw!important; 
	position: relative;
	}
.equip_vlist .equip_name h3{
	width: 100%;
	font-size: 1.6rem;
	text-align: center;
	background-color: transparent;
	color: #000000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
.equip_vlist .equip_name h3 small{
	color: #000000;
}

.equip_vlist .equip_vlink{
	text-align: left;
	padding-top: 0.6em;
}
.equip_vlist .equip_vlink .linl_list li{
	border-bottom: 1px solid #BCBCBC;
	text-align: left;
}
.equip_vlist .equip_vlink .linl_list li:first-child {
	border-top-style: none;
}
.equip_vlist .equip_vlink .linl_list li a{
	font-size: 1rem;
	color: #000000;
	padding: 0.75em 1em;
	display: inline-block;
}



/**動画詳細**/
.video_detail #video_menu{ position: fixed; left: 0px; top: 60px;}
.video_detail #video_menu + #sect_detail_video{
	padding-top: 100px!important;
}

.casette_list{  }
.casette_list>li{overflow: hidden; padding-bottom: 5em;}
.casette_cont{
	width: 100%;
	float: none;
	padding-right: 0;
	text-align: center;
}
.casette_cont .casette_name{
	border: 1px solid #000000;
	margin-bottom: 1.4em;
	font-size: 1rem;
}
.casette_cont .casette_txt{
	text-align: left;
}
.casette_cont [class^="gendico_"]{
	display: block;
	text-align: center;
	width: 100px;
	margin-bottom: 0.5em;
}
.casette_cont .casette_txt{}
.casette_cont .casette_txt >*{ margin-bottom: 1em;}
.casette_cont .casette_txt >*:last-child{ margin-bottom: 0;}
.casette_cont .casette_txt >* strong{ display: block;}
.casette_cont .casette_txt >* strong:after{	display: none;}
.casette_cont .casette_txt >* strong:before{ content: "■"; font-size: 80%; vertical-align: baseline; margin-right: 0.5em;}

ul.gend_txt{ padding-top: 1em;}
ul.gend_txt li{	padding-bottom: 1em;}


.purpose_ttl{
	margin-top: -40px;
	height: 180px;
}
.purpose_ttl .smid_title{
width: 100%;
}

.purpose_ttl .smid_title small{
	font-size: 1rem;
	line-height: 1.2em;
	padding-top: 0.4em;
}

/**yutubeボックス**/
.ytube_box{ width: 100%; float: auto;}

}