@charset "shift_jis";
/*common
==================================================================================*/
img {
	vertical-align: bottom;
	width: 100%;
}
#wrapper_top img {
	vertical-align: bottom;
	/*width:100%;*/
	display: block;
}
img {
	vertical-align: bottom;
}
.bold {
	font-weight: bold;
}
.img_center {
	text-align: center;
}
.font_s {
	font-size: 0.8em;
}
.color_white {
	color: #fff;
}
.color_yellow {
	color: #FFBE1E;
}
.color_red {
	color: #E60A1E;
}
.bold {
	font-weight: bold;
}
.bg_yellow {
	background: url(../img/bg_yellow.gif) repeat scroll 0 0;
}
.bg_pink {
	background: url(../img/bg_pink.gif) repeat scroll 0 0;
}
.bg_blask {
	background: url(../img/bg_black.gif) repeat scroll 0 0;
}
.bg_gray {
	background: url(../img/bg_gray.gif) repeat scroll 0 0;
}
.center {
	text-align: center;
}
.line_red {
	background: -moz-linear-gradient(transparent 60%, #F59DA5 60%);
	background: -webkit-linear-gradient(transparent 60%, #F59DA5 60%);
	background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.6, transparent), color-stop(0.6, #F59DA5));
	background: -o-linear-gradient(transparent 60%, #F59DA5 60%);
	background: linear-gradient(transparent 60%, #F59DA5 60%);
	font-weight: bold
}
.line_yellow {
	background: -moz-linear-gradient(transparent 60%, #FFD878 60%);
	background: -webkit-linear-gradient(transparent 60%, #FFD878 60%);
	background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.6, transparent), color-stop(0.6, #FFD878));
	background: -o-linear-gradient(transparent 60%, #FFD878 60%);
	background: linear-gradient(transparent 60%, #FFD878 60%);
	font-weight: bold
}
.main_mg {
	padding: 2%
}
.boder {
	border: 3px solid #141414;
	margin: 20px 0;
	padding: 15px 10px;
}
.main_attention {
	padding: 4px 15px 4px 15px;
	background-color: #999999;
	color: #ffffff;
	line-height: 1.2;
	font-size: 90%;
}
.main_attention a {
	color: #ffffff;
	text-decoration: underline;
}
.boder2 {
	border: 2px solid #333;
	padding: 2%;
}
.font_05 {
	font-size: 0.5em;
}
/*wrapper
==================================================================================*/
#wrapper_top {
	max-width: 640px;
	margin: 0 auto;
}
/*common
==================================================================================*/

#wrapper_top p a img {
	-webkit-transition: filter 0.3s ease-out;
	-moz-transition: filter 0.3s ease-out;
	-ms-transition: filter 0.3s ease-out;
	transition: filter 0.3s ease-out;
}
#wrapper_top p a img:hover {
	filter: brightness(120%);
}
div.btn_cont {
	position: relative;
}
.btn_cv {
	position: absolute;
	bottom: 15%;
	left: 50%;
	width: 93.75%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.area03 .btn_cv {
	bottom: 17%;
}
.area05 .btn_cv {
	bottom: 20%;
}
.area08 .btn_cv {
	bottom: 22%;
}
.btn_kiyaku {
	width: 29.84%;
	position: absolute;
	left: 22%;
	bottom: 3.8%;
}
/*header
==================================================================================*/
.slide_wrap {
	position: relative;
}
.sliderCont {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.btn_counseling {
	position: absolute;
	width: 29.84%;
	bottom: 5%;
	right: 2%;
	z-index: 5;
}

/*voice_area
==================================================================================*/

.voice_area {
	background-color: #e9ee5c;
}
.voice_wrap {
	overflow-x: scroll;
	padding-left: 5.47%;
	margin-bottom: 3%;
}
.voice_wrap:nth-of-type(5) {
	margin-bottom: 0;
}
.voice_wrap img {
	width: 182.34%;
}
/*area08
==================================================================================*/

.area08 {
	background-color: #e9ee5c;
}
.btn_top {
	text-align: right;
	margin-right: 2%;
	font-size: 16px;
	display: block;
}
.btn_top a {
	text-decoration: none;
	color: #000;
	display: block;
}
/*accordion
-----------------------------------------------------*/
/*dl.accordion dd {
  display:none;
}*/
dl.accordion dt {
	/*background:url(../img/open.png) no-repeat scroll 97% center #141414;*/
	background: #141414;
	border-bottom: 1px solid #eee;
	color: #333;
	/*cursor: pointer;*/
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	text-indent: 10px;
}
/*dl.accordion dt.open {
  background:url(../img/close.png) no-repeat scroll 97% center #141414;
}*/
.form_box dl dt {
	border-radius: 10px;
	color: #fff;
	margin: 10px 0 0;
	padding: 5px;
}
.form_box dl dd label {
	/*background:#ddd;
  border-radius: 10px;*/
	margin: 10px 0 0 5px;
	/*padding: 12px 0;*/
	width: 45%;
	display: inline-block;
}
/*h_style
==================================================================================*/
.h {
	font-weight: bold;
	padding: 10px 2%;
	line-height: 1.7;
}
/*h_style_01
-----------------------------------------------------*/
.h_style_01 {
	background: #E60A1E;
	color: #fff;
	position: relative;
	text-align: center;
	margin: 0 0 20px;
	text-shadow: 1px 2px 0 #333;
	padding: 20px 0;
}
.sankaku_red {
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top: 20px solid #E60A1E;
	position: absolute;
	left: 45%;
	bottom: -40px;
}

/*2nd
==================================================================================*/
.h2 {
	font-weight: bold;
}
.h2_01 {
	background: linear-gradient(#999, #888);
	color: #fff;
	font-size: 1.2em;
	line-height: 1.4;
	margin: 0 0 20px;
	padding: 10px;
	text-align: center;
	text-shadow: 1px 1px 0 #000;
	box-shadow: 0 3px 5px #ddd;
	border-radius: 5px;
}
.h2_02 {
	background: #F5F5F5;
	border-bottom: 1px dashed #ddd;
	border-left: 5px solid #141414;
	font-size: 1.2em;
	margin: 40px 0 20px;
	padding: 5px 0 3px 10px;
}
.h2_03 {
	background: #141414;
	border: 1px solid #fff;
	outline: 2px solid #141414;
	color: #fff;
	text-align: center;
	font-size: 1.5em;
	padding: 5px 10px;
}
.h2_04 {
	background: #333;
	color: #fff;
	padding: 3px 10px;
}
/*common
-----------------------------------------------------*/
#second {
	padding: 2%;
}
.text_right {
	margin: 10px 0 20px 0;
	font-size: 0.8em;
}
.send_page {
	margin: 2%;
}
/*画像切替(slider)
-----------------------------------------------------*/
#top_slide {
	position: relative;
	visibility: hidden;
	margin-top: 58px;
}
#top_slide ul {
	position: relative;
	width: 100%;
	z-index: 1;
}
#top_slide ul li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
/*CVエリア
-----------------------------------------------------*/
.cv_btn_wrap {
	padding-top: 6px;
}
.cv_btn {
	background: #e9e9e9;
	padding: 0 3.125% 20px;
}
.toshops_btn {
	background: #e9e9e9;
	padding: 0 14% 20px;
}
.cv_btn_shop {
	padding: 20px 3.125%;
}
/*店舗ページ
-----------------------------------------------------*/
.shop_images_note {
	line-height: 1;
	padding: 4px 2% 0 0;
	text-align: right;
	font-size: .9em;
}
.shop_staffBox {
	padding: 16px 3.125% 4px;
}
.shop_staffBox p {
	margin-bottom: 16px;
}
/*利用規約
-----------------------------------------------------*/
.list_check {
	border: 1px solid #F7E8C9;
	border-radius: 5px;
	margin: 15px 0;
}
.list_check li {
	background: linear-gradient(#FFFCF2, #FFF9E0);
	border-bottom: 1px dashed #F7E8C9;
	padding: 10px 5px 10px 0;
}
.list_check li span {
	background: url(../img/2nd_icon_01.png) no-repeat scroll 10px center;
	display: block;
	line-height: 1.3;
	padding: 0 0 0 40px;
}
.list_check li.last {
	border-bottom: none;
}
/*会社概要
-----------------------------------------------------*/
.table_bace {
	width: 100%;
}
.table_bace th {
	background: #E9E9E9;
}
.table_bace th {
	font-weight: bold;
}
.table_bace th, .table_bace td {
	border: 1px solid #bbb;
	padding: 5px 10px;
	text-align: left;
}
/*特定商取引法
-----------------------------------------------------*/
.table_bace_toku {
	width: 100%;
}
.table_bace_toku th {
	background: #E9E9E9;
}
.table_bace_toku th {
	font-weight: bold;
}
.table_bace_toku th, .table_bace_toku td {
	/*border-top:1px solid #bbb;*/
	border: none;
	padding: 5px 10px;
	text-align: left;
	display: block;
}
/*プライバシーポリシー
-----------------------------------------------------*/
.list_no {
	padding: 0 0 0 20px;
	margin: 0 0 20px;
}
.list_no li {
	list-style-type: decimal;
}
.t_no {
	padding-left: 1.5em !important;
	text-indent: -1em !important;
	width: 220px;
}
/*お問い合わせ
-----------------------------------------------------*/
.hissu {
	background: #FF5F00;
	font-weight: normal;
	font-size: 0.8em;
	color: #fff;
	padding: 1px 6px 1px 3px;
	margin: 0 0 0 5px;
	vertical-align: 3px;
}
.doi p {
	border: 1px solid #ddd;
	font-size: 0.8em;
	line-height: 1.5;
	padding: 10px 30px;
}
.form .btn_send {
	margin: 20px 0;
}
.btn_send input {
	width: 100%;
}
.schedule .main_title {
	background: #141414;
	color: #ffbe1e;
	font-size: 1.3em;
	font-weight: bold;
	padding: 10px 0 7px;
	position: relative;
	text-align: center;
	margin-top: 30px;
}
.schle .main_title {
	background: #069614;
	color: #FFF;
	font-size: 1.3em;
	font-weight: bold;
	padding: 10px 0 7px;
	position: relative;
	text-align: center;
	margin-top: 30px;
}
.wait_flow .main_title {
	background: #141414;
	color: #ffbe1e;
	font-size: 1.3em;
	font-weight: bold;
	padding: 10px 0 7px;
	position: relative;
	text-align: center;
	margin-top: 30px;
}
.fome_title {
	background: #F8F8F8;
	padding: 10px 5px;
}
.form_list {
	margin: 30px 0 10px;
}
.form_box .input_w100 {
	padding: 3%;
	width: 93%;
}
/*reserve
--------------------------------------------------------------*/
.second_title {
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
	margin: 10px 0;
	line-height: 1.4;
}
.second_title_top {
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
	margin: 10px 0;
	line-height: 1.4;
	background: #141414;
	color: #ffbe1e;
	padding: 10px 0 7px;
}
.info {
	border: 1px solid #FF0004;
	color: #FF0004;
	display: inline-block;
	margin: 15px 0;
	font-size: 0.8em;
	padding: 5px 10px;
}
/*.cond ul li {
    border: 2px dotted #333;
    line-height: 1.4;
    margin: 20px;
    padding: 10px;
    text-align: center;
}*/

.schedule .title {
	border: 2px solid #FF0004;
	color: #FF0004;
	text-align: center;
}
.schedule ul li {
	background: url(../img/reserve_icon_02.png) no-repeat scroll 5px center #FF0004;
	color: #fff;
	display: inline-block;
	line-height: 1;
	margin: 4px 0;
	padding: 8px 12px 5px 22px;
}
/*トレーナー募集
-----------------------------------------------------*/
.text_trainer p {
	margin: 0 0 20px 0;
}
.line_yellow {
	background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffd878 60%) repeat scroll 0 0;
	font-weight: bold;
}
/*boshu
-----------------------------------------------------*/
.boshu {
	margin: 10px 0 0 0;
}
.boshu li {
	background: url(../img/2nd_icon_01.png) no-repeat scroll 5px center;
	border-bottom: 1px dashed #ddd;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 0 5px 0;
	padding: 5px 0 5px 35px;
}
/*shitumon
-----------------------------------------------------*/
.shitumon textarea {
	margin: 5px 0 20px;
	padding: 15px;
}
/*table_kakunin
-----------------------------------------------------*/
.table_kakunin {
	width: 800px;
	margin: 0 auto;
}
.back {
	text-align: center;
	margin: 30px;
}
.back a {
	color: #333;
}
/*map
==================================================================================*/
.map .tenpo_box .name {
	border: 3px solid #333;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1;
	margin: 10px 0;
	padding: 10px 0;
	text-align: center;
}
.tenpo_box .riyo {
	padding: 0 0 15px;
}
.tenpo_box .asa, .tenpo_box .yoru {
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	line-height: 1;
	padding: 11px 5% 10px 10%;
	width: 34%;
}
.tenpo_box .asa {
	background: url(../img/map_icon_asa.png) no-repeat scroll 8px center #FF7600;
}
.tenpo_box .yoru {
	background: url(../img/map_icon_yoru.png) no-repeat scroll 8px center #3A24AC;
}
.train {
	border: 1px solid #bbb;
	margin: 15px 0;
	padding: 5px 10px;
}
/*area_12
==================================================================================*/
#area_12 .h {
	padding: 10px 0 0;
}
/*area_11
==================================================================================*/
.access .h {
	background: url(../img/area_11_icon_01.gif) no-repeat scroll 0 center;
	margin: 15px 0;
	padding: 25px 0 25px 80px;
}
.access .area {
	background: #141414;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.access .kaigai {
	background: #a0141e;
}
.access ul {
	margin: 10px 0 30px;
}
.access ul li {
	font-size: 0.8em;
}
.access ul li:nth-child(3n) a {
	margin-right: 0;
}
.access ul li a {
	background: url(../img/area_11_arrow_01.png) no-repeat scroll 3px center / 3px auto;
	border: 1px solid #333;
	color: #333;
	display: inline-block;
	float: left;
	margin: 0 1% 1% 0;
	padding: 1% 0 1% 3%;
	text-decoration: none;
	width: 29%;
}
/*area_09
==================================================================================*/
table {
	background: #fff;
	width: 100%;
	font-size: 0.8em;
}
table th, table td {
	border: 1px solid #bbb;
	padding: 5px;
	text-align: left;
	line-height: 2;
}
#area_09 table {
	line-height: 1.4;
	margin: 0 0 30px;
}
#area_09 .logo {
	text-align: center;
}
#area_09 .logo img {
	width: 30%;
}
.bg_red {
	background: #E60A1E;
	color: #fff;
}
#area_09 table .category {
	background: #F3F3F3;
	text-align: center;
	font-weight: bold;
}
/*price
-----------------------------------------------------*/
.price {
	font-size: 1.2em;
}
.price div {
	border: 3px solid #333;
	padding: 10px 0;
}
.price img {
	width: 10%;
	margin: 10px 0;
}
.price .nedan {
	font-size: 2.2em;
}
.price .kaisu {
	font-size: 0.45em;
}
/*tebura
-----------------------------------------------------*/
.tebura img {
	margin: 10px 0;
}
.tebura .title {
	font-size: 1.2em;
}
/*area_08
==================================================================================*/
.list_point {
	margin: 10px 0;
}
.list_point li {
	background-image: url(../img/area_08_icon_01.gif);
	background-repeat: no-repeat;
	background-size: 22px auto;
	border-bottom: 1px dashed #bbb;
	padding: 5px 0 5px 35px;
	font-weight: bold;
	line-height: 1.8;
}
.list_point .li_01 {
	background-position: 5px 10px;
}
.list_point .li_02 {
	background-position: 5px -90px;
}
.list_point .li_03 {
	background-position: 5px -200px;
}
/*jirei
-----------------------------------------------------*/
.jirei {
	background: #E60A1E;
	position: relative;
}
.jirei a {
	bottom: 10px;
	left: 22%;
	position: absolute;
	width: 70%;
}
/*area_07
==================================================================================*/
#area_07 {
	padding: 2%;
}
#area_07 .main_mg {
	background: #fff;
}
.bg_fff {
	background: #fff;
}
/*voice
-----------------------------------------------------*/
.voice {
	background: #fff;
	border: 2px solid #ddd;
	margin: 10px 0;
	padding: 10px;
}
.voice .neme {
	border-left: 3px solid #333;
	font-weight: bold;
	line-height: 1.4;
	padding: 0 0 0 5px;
}
.voice p {
	margin: 10px 0 20px;
	padding: 0 0 10px;
}
.voice p span {
	background: #F4F4F4;
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	margin: 10px 0 0 0;
}
.bbottom {
	border-bottom: 1px dashed #ddd;
}
/*area_04
==================================================================================*/
#area_04 ul li {
	background: #fff;
	border-radius: 10px;
	font-size: 0.8em;
	margin: 10px 0;
}
#area_04 ul li .left {
	width: 110px;
	border-radius: 10px 0 0 10px;
}
#area_04 ul li div {
	padding: 10px 10px 0 120px;
}
#area_04 ul li div .h {
	border-bottom: 1px dashed #ddd;
	color: #A0141E;
	padding: 0;
}
#area_04 ul li div p {
	line-height: 1.3;
	margin: 5px 0 0 0;
}
.arrow_red {
	width: 15%;
}
.next {
	font-size: 1.3em;
	line-height: 1.5;
	margin: 15px 0 5px;
}
#area_04 ul .notes {
	font-size: 0.5em;
	line-height: 1;
	margin: -5px 0 0;
	text-align: center;
}
#area_04 ul .notes_l {
	font-size: 0.7em;
	line-height: 1;
	margin: 6px 0 9px;
	text-align: left;
}
/*area_03
==================================================================================*/
#area_03 div {
	background: #fff;
	padding: 2%;
}
.bg_yellow .h {
	font-size: 1.3em;
	line-height: 1.4;
	padding: 10px 0;
}
.box_yellow {
	background: #FFBE1E;
	border-radius: 10px;
	font-weight: bold;
	padding: 15px 10px;
	margin: 10px 0;
}
/*food
-----------------------------------------------------*/
#area_03 .food {
	padding: 0;
}
.mori {
	text-align: right;
	font-size: 0.6em;
}
.food ul {
	border: 1px solid #ddd;
	font-size: 0.8em;
	margin: 10px 0 0;
	padding: 10px;
}
/*area_02
==================================================================================*/
#area_02 {
	padding: 20px 2%;
}
#area_02 ul li .h {
	padding: 0;
}
#area_02 p {
	line-height: 1.4;
}
#area_02 ul {
	display: inline-block;
	margin: 15px 0 0;
	font-size: 0.7em;
}
#area_02 ul li {
	float: left;
	padding: 2%;
	width: 46%;
	text-align: center;
	height: 160px;
}
#area_02 ul li img {
	width: 80%;
}
#area_02 ul li.text {
	height: 220px;
}
/*area_01
==================================================================================*/
#area_01 {
	background: #141414;
	color: #fff;
	position: relative;
	text-align: center;
	margin: 30px 0 0;
}
.sankaku_black_top {
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-bottom: 20px solid #141414;
	position: absolute;
	left: 45%;
	top: -40px;
}
#area_01 div {
	padding: 15px 2% 0;
}
#area_01 p {
	font-size: 0.8em;
	margin: 10px 0 -5px;
}
/*ba_area
==================================================================================*/
.etc_box p {
	font-size: 0.5em;
	text-align: center;
}
/*pagetop
-----------------------------------------------------*/
#page-top {
	position: fixed;
	right: 20px;
	width: 70px;
}
/*header
==================================================================================*/
div#headerArea {
	z-index: 101;
	position: fixed !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background-color: #111111;
	color: #fff;
}
* html div#contentsArea {
	height: 100%;
	overflow: auto;
}

#header02 .logo {
    background: #141414;
    text-align: center;
    padding: 2px;
}

#header02 .logo img {
	width: 10%;
}

/*利用規約
==================================================================================*/

.title003 {
	margin: 0px 10px;
	padding: 5px;
	background-color: #3c281e;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	line-height: 1.6em;
	text-shadow: -1px -1px 1px rgba(60,40,30,0.3);
}
.notice {
	border: 1px solid #3c281e;
	margin: 0px 10px;
	padding: 10px;
	font-size: 12px;
}
#hdd {
	font-size: 0.5em;
	text-align: center;
}
.privacy {
	width: 89%;
	height: 100px;
	margin: 20px 10px;
	padding: 10px;
	margin-top: 30px;
	border: 1px solid #000;
	background: #fff;
	font-size: 12px;
	color: #a7a7a7;
	overflow: scroll;
}
.kodawari_wrap {
	background: #000;
	color: #fff;
}
.kodawari_single p {
	padding: 0 3% 5% 3%;
}
.kodawari_single p span {
	color: #ffbe1e;
	font-weight: bold;
}
.new_voice {
	background: url(../img/new_img/voice_bg.png) repeat;
	padding-bottom: 5%;
}
.voice_wrap {
	padding: 0 2%;
}
.voice_single {
	background: #fff;
	padding: 48% 2% 0 2%;
	margin-bottom: 5%;
}
.voice_single:first-child {
	background-image: url(../img/new_img/voice01.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}
.voice_single:nth-child(2) {
	background-image: url(../img/new_img/voice02.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}
.voice_single:nth-child(3) {
	background-image: url(../img/new_img/voice03.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}
.voice_single:nth-child(4) {
	background-image: url(../img/new_img/voice04.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}
.voice_single .heading {
	font-size: 120%;
	font-weight: bold;
	line-height: 1.5;
}
.voice_single p {
	margin-bottom: 3%;
}
.voice_single .image_cont {
	float: right;
	width: 37%;
	height: 30%;
	height: 12vh;
}
#food {
	background: #f1eedb;
}
#food p {
	padding: 0 3%;
}
#food p span {
	font-weight: bold;
	color: #dd002c;
}
#healthy p {
	padding: 0 3%;
}
#healthy p.tyui {
	color: #909090;
	font-size: 90%;
	padding: 0 3%;
	line-height: 2.0
}
.cv_area_01 {
	margin: 5px;
	border: solid 7px #333;
	padding: 3%;
}
.cv_area_01 p.title {
	text-align: center;
	font-size: 2.6vw;
}
.cv_area_01 p.text {
	font-size: 2.6vw;
}
.cv_area_01 p.disc {
	font-size: 2.6vw;
}
/*冬訴求追加
==================================================================================*/

#header .btn_cv {
	bottom: 3%;
	width: 80%;
}
.btn_cv_wntr {
	position: absolute;
	bottom: 7%;
	left: 50%;
	width: 93.75%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.btn_kiyaku_wntr {
	width: 29.84%;
	position: absolute;
	left: 27%;
	bottom: 9.3%;
}

/*アンケート追加
==================================================================================*/


.opacity{
	opacity: 0.7;
	display: block;
}


.btn_unit{
	position: relative;
	height: 110px;
	margin-bottom: 20px;
	margin-left: 5px;
	margin-right: 5px;
}

.btn_pat {
	position: absolute;
	bottom: 7%;
	left: 50%;
	width: 93.75%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);	
}

.btn_pat_w{
	width: 46%;	
	margin: 5px;
}



.btn_count_q {
	position: relative;
	height: 180px;
	background: #e9ee5c;
	
}




.btn_count_q_unisex {
	padding-top: 15%;
	position: relative;
	
	height: 150px;
	background: #000000;
	
}

@media screen and (min-width: 321px) and (max-device-width: 920px) {
 .btn_count_q_unisex {
    padding-top: 0%;
	 height: 150px;
	 
  }
}

.btnBox {
	padding: 0 10px;
	display:flex;
}

.btnBox li {
	cursor: pointer;
}

.btnBox li:first-child {
	margin-right: 7%;
}

/* 200610_アンケートLP
==================================================================================*/
#popup_bnr {
	max-width: 640px;
}

#header h1 {
	padding: 10.5% 0 6%;
	text-align: center;
}
#header .lead {
	padding-bottom: 6%;
	position: relative;
	font-size: 3.8vw;
	font-weight: bold;
	text-align: center;
}
#header .lead::after {
	content: "";
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	border-top: 12px solid #000;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid transparent;
	-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
}
#header .lead span {
	color: #92161c;
}
#header .fv_img {
	margin: 0 2.5%;
}
#header .notes {
	margin: 1.4% 4% 0;
	padding-left: 1em;
	font-size: 0.71875rem;
	line-height: 1.3;
	text-indent: -1em;
}
#header .notes span {
	color: #92161c;
}
#header .summary {
	margin: 15px auto 0;
	width: 206px;
	background-color: #a4abb5;
	-webkit-border-radius: 4px;
			border-radius: 4px;
	color: #fff;
	font-size: 0.9375rem;
	line-height: 2.134;
	text-align: center;
}
.btn_wrap01 {
	padding: 9.3% 0 8.7%;
}
.btn_wrap01 .btn_enq {
	margin: 0 auto;
	width: 94.4%;
}
.btn_wrap01 .btn_detail {
	margin: 3% auto 0;
	width: 81.066667%;
}

#enquete {
	margin-top: 7.5%;
}
#enquete .swiper-wrapper .swiper-slide .head {
	height: 41vw;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #000;
	box-shadow: 0px 6px 10px 0px rgba(18, 31, 59, 0.3);
}
#enquete .swiper-wrapper .swiper-slide.q01 .head img {
	width: 64.66667%;
}
#enquete .swiper-wrapper .swiper-slide.q02 .head img {
	width: 75.6%;
}
#enquete .swiper-wrapper .swiper-slide.q03 .head img {
	width: 80.26667%;
}
#enquete .swiper-wrapper .swiper-slide.q04 .head img {
	width: 73.73333%;
}
#enquete .swiper-wrapper .swiper-slide.q05 .head img {
	width: 85.86667%;
}
#enquete .swiper-wrapper .swiper-slide.thanks .head img {
	width: 64.93333%;
}
#enquete .swiper-wrapper .swiper-slide.q01 .q_choice {
	padding: 6.4% 4% 30.2%;
}
#enquete .swiper-wrapper .swiper-slide.checkbox .q_choice {
	padding: 6% 4% 33.2%;
}
#enquete .swiper-wrapper .swiper-slide.thanks .btn_wrap02 {
	padding: 15.2% 0 14.4%;
}
#enquete .swiper-wrapper .swiper-slide.thanks .btn_wrap02 .btn_reserve {
	margin: 0 auto;
	width: 94.4%;
}
#enquete .swiper-wrapper .swiper-slide.thanks .btn_wrap02 .btn_detail {
	margin: 3% auto 0;
	width: 81.066667%;
}
#enquete .swiper-wrapper .swiper-slide .q_choice ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#enquete .swiper-wrapper .swiper-slide.q01 .q_choice ul li {
	margin-bottom: 4%;
	width: 48%;
}
#enquete .swiper-wrapper .swiper-slide.checkbox .q_choice ul li {
	margin-top: 3%;
	width: 100%;
}
#enquete .swiper-wrapper .swiper-slide.checkbox .q_choice ul li:first-child {
	margin-top: 0;
}
#enquete .swiper-wrapper .swiper-slide .q_choice ul li input {
	display: none;
}
#enquete .swiper-wrapper .swiper-slide .q_choice ul li label {
	display: flex;
	position: relative;
	background-color: #9f9f9f;
	border-radius: 10px;
	color: #fff;
	font-size: 4vw;
	font-weight: bold;
	line-height: 1.33333;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#enquete .swiper-wrapper .swiper-slide.checkbox .q_choice ul li label::before {
	content: "";
	width: 4.26667vw;
	height: 4.26667vw;
	position: absolute;
	top: 2.8vw;
	left: 5.33333vw;
	background-color: #fff;
	border: 1px solid #000;
}
#enquete .swiper-wrapper .swiper-slide.checkbox .q_choice ul li label::after {
	content: "";
	width: 4.66667vw;
	height: 3.46667vw;
	position: absolute;
	top: 3.33333vw;
	left: 6.13333vw;
	background-image: url("../img/icon_check.png");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: contain;
	opacity: 0;
}
#enquete .swiper-wrapper .swiper-slide .q_choice ul li input:checked + label {
	background-color: #087d24;
}
#enquete .swiper-wrapper .swiper-slide.checkbox .q_choice ul li input:checked + label::after {
	opacity: 1;
}
#enquete .swiper-wrapper .swiper-slide.q01 .q_choice ul li label {
	height: 18.66667vw;
	justify-content: center;
	align-items: center;
	text-align: center;
}
#enquete .swiper-wrapper .swiper-slide.checkbox .q_choice ul li label {
	padding: 3.2% 8% 2.6% 15%;
	justify-content: start;
	text-align: left;
}
#enquete .swiper-wrapper .swiper-slide.checkbox .q_choice ul li label sup {
	font-size: 2.66667vw;
}
#enquete .swiper-button-prev,
#enquete .swiper-button-next {
	width: 24vw;
	height: 10.66667vw;
	top: auto;
	bottom: 16vw;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#enquete .swiper-button-prev {
	left: 4%;
	background-image: url("../img/btn_prev.png");
}
#enquete .swiper-button-next {
	right: 4%;
	background-image: url("../img/btn_next.png");
}
#enquete .swiper-button-prev::after,
#enquete .swiper-button-next::after {
	display: none;
}
#enquete .swiper-button-prev.swiper-button-disabled,
#enquete .swiper-button-next.swiper-button-disabled {
	opacity: 0;
}
.comparison {
	max-height: 164px;
	position: relative;
	overflow: hidden;
	transition: max-height 0.8s;
}
.comparison.open {
	max-height: 1110px;
}
.comparison .notes {
	margin: 4px auto 0;
	width: 95%;
	font-size: 0.625rem;
	line-height: 1.3;
	-webkit-transform: scale(0.93);
	transform: scale(0.93);
}
.comparison #btn_more {
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0.5) 60%, rgba(255,255,255,0) 100%)
}
.comparison #btn_more img {
	margin: 0 auto;
	width: 46.4%;
}
.reason ul li .notes {
	margin: 0.5% 4% 1.4%;
	font-size: 0.625rem;
	line-height: 1.2;
}
.reason ul li .txt {
	margin: 0 4%;
	padding: 2.2% 0 11.4%;
	font-size: 0.875rem;
	line-height: 1.786;
}
.reason ul li .txt b {
	color: #92161c;
	font-weight: bold;
}
.reason h2 {
	margin: 0 auto;
	padding: 11.6% 0 4.8%;
	width: 60.8%;
}
.btn_wrap02 {
	padding-bottom: 14.2%;
}
.btn_wrap02 .btn_enq,
.btn_wrap02 .btn_reserve {
	margin: 0 auto;
	width: 94.4%;
}
#footer .copyright {
	background-color: #000;
	color: #fff;
	font-size: 0.78125rem;
	text-align: center;
}

@media (min-width: 640px) {
	#header .lead {
		font-size: 1.5rem;
	}
	#enquete .swiper-wrapper .swiper-slide .head {
		height: 262px;
	}
	#enquete .swiper-wrapper .swiper-slide .q_choice ul li label {
		font-size: 1.6rem;
	}
	#enquete .swiper-wrapper .swiper-slide.checkbox .q_choice ul li label sup {
		font-size: 17px;
	}
	#enquete .swiper-wrapper .swiper-slide.checkbox .q_choice ul li label::before {
		width: 28px;
		height: 28px;
		top: 19px;
		left: 35px;
	}
	#enquete .swiper-wrapper .swiper-slide.checkbox .q_choice ul li label::after {
		width: 32px;
		height: 23px;
		top: 22px;
		left: 40px;
	}
	#enquete .swiper-wrapper .swiper-slide.q01 .q_choice ul li label {
		height: 120px;
	}
	#enquete .swiper-button-prev,
	#enquete .swiper-button-next {
		width: 154px;
		height: 68px;
		bottom: 102px;
	}
	.comparison .notes {
		margin-top: 10px;
		width: 86%;
		font-size: 0.8125rem;
		line-height: 1.4;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

/*footer
==================================================================================*/
#footer {
	background:#000;
	padding: 0 8% 0;
}
#footer ul {
	padding:5.33% 0 10.66% 0;
}
#footer ul li {
	display: inline-block;
	width: 49%;
	font-size: 3vw;
}
#footer ul li a {
	background:url(../img/arrow.png) no-repeat scroll 5px center;
	background-size: 3.46%;
	color: #fff;
	display: inline-block;
	padding: 3% 0 3% 10%;
	vertical-align: middle;
	width: 90%;
}
#footer .notes {
	margin: -6.5% -6% 5.5%;
	display: none;
	color: #fff;
	font-size: 2.66667vw;
	line-height: 1.2;
}
#footer .notes a {
	color: #fff;
}
#footer .copy {
	color:#fff;
	font-size: 3vw;
	margin-top: 2%;
}
#footer .footer_logo {
	width:20.26%;
	margin: 0 auto;
}
#footer img {
	width: 15%;
}
@media (min-width: 640px) {
	#footer ul li {
		font-size: 19px;
	}
	#footer .notes {
		margin: -6.5% -3% 5.5%;
		font-size: 16px;
	}
	#footer .copy {
		font-size: 19px;
	}
}