@charset "utf-8";


/* ----------------------------------------------
     共通
---------------------------------------------- */

html{
     height:100%;
     font-size:10px;     /* 1rem = 10px */
	background : #fff;
}
body{
     height:100%;
     font-size:16px;
     font-size:1.6rem;
	background : #fff;
	color : #231815;
     line-height:1;
     font-family: 'Noto Sans JP',"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "Arimo", sans-serif;
	 font-weight: 400;
}

a{
     color:#0b3388;
     text-decoration:none;
     transition: background-color 1s;
}


a:hover{
     opacity: 0.7;
}

button,input,textarea{
     font-family: 'Noto Sans JP',"游ゴシック", YuGothic, "メイリオ", Meiryo, "Arimo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
/*     font-family:"Arimo", "メイリオ", Meiryo, sans-serif;*/
}


/* -------------------------------------
     html body
---------------------------------------- */
html,
body {
	width : 100%;
}

body {

}

@media screen and (max-width: 767px) {
	img {
		max-width : 100%;
	}
}


/*PC*/
@media screen and (min-width: 768px) {
	.sp_only {
		display : none;
	}
.event_consent.sp_only  {
	display : none;
}
.sp_humb{
	display: none!important;
}
}

/*SP*/
@media screen and (max-width: 768px) {

	.pc_only {
		display : none;
	}
}

.ellipsis {
	display : inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* -------------------------------------
      骨組み
---------------------------------------- */

h2 {
	margin-bottom : 4rem;
	text-align : center;
}

.container {
	width : 100%;
	position : relative;
	background-size : 100%;
	margin : 0 auto;
	/* background : rgba(143, 211, 245,0.4); */
}

.to_top {
	position : fixed;
	bottom : 0;
	right : 30px;
	width : 5%;
	max-width : 46px;
	min-width : 40px;
}

.current_link {
	padding : 20px;
	text-align : center;
}

.-text {
	line-height: 1.6;
	font-weight: 400;
}
.-image {
	text-align: center;
}
.-note {
	font-size: 1.1rem;
}

.-alphabet {
	font-family: 'Abel','Noto Sans JP',"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "Arimo", sans-serif;
}

.-contents_in {
	padding-top : 2rem;
	position:relative;
}

.-contents_in:not(:last-child) {
	margin-bottom : 12.0rem;
}
.-contents_in.-first {
	margin-bottom : 3.0rem;

}



.header {
	background : #0F3675;
}

body:not(.index) .header {
	background:#0F3675 url(../images/sub_header_logo_bg.png) no-repeat scroll bottom center;
}


.sp_humb {
	display:none;
	width : 4rem;
	height : 4rem;
	cursor: pointer;
}
.sp_humb:before {
	content:"\e5d2";
	font-family: "Material Icons";
	font-size : 40px;
	color : #fff;
}
.sp_humb_close {
	display:none;
	width : 3.2rem;
	height : 3.2rem;
	cursor: pointer;
}

.menu {
	display: flex;
	justify-content: space-between;
	text-align : center;
	padding : 1.6rem 0 4.0rem;
}

body:not(.index) .menu {
	padding : 1.6rem 0 ;
}

.menu li {
	width : calc(100% / 5);
	/* width : calc(100% / 6); */
	display: flex;
	font-size : 2.8rem;
	color : #fff;
}
.menu a {
	width : 100%;
	display: block;
	color : #fff;
}

.menu li:not(:last-child):after {
	content:"|";
}

.header_bn {
	display: block;
	position: relative;
	width: 100%;
	margin : 1.6rem 0;
	text-align: center;
	margin-top:-4rem;
	margin-bottom:4rem;
}
.header_bn  a {
	display: inline-block;
	width: 100%;
	padding :10px;
	max-width: 44rem;
	min-width: 30rem;
}

.sns {
	z-index: 1;
}
.sns_list {
	display: flex;
	justify-content: flex-end;
	margin-top:3rem;
}

.sns_list li {
	width: 54px;
	padding : 6px;
}

footer {
	padding : 2rem 0;
	text-align: center;
	background : #E84566;
	color : #fff;
}

.footer_title {
	font-size : 1.6rem;
	font-weight:400;
	margin-bottom : 1.6rem;
}


footer .name {
	font-size : 1.8rem;
	margin-bottom : 1.6rem;
}
footer .contact {
	font-size : 1.6rem;
	line-height: 1.6;
	margin-bottom : 1.6rem;
}

.footer_link {
	font-size : 1.6rem;
	margin-top: 2.4rem;
	width: 600px;
	margin-right : auto;
	margin-left:auto;
}
.footer_link a {
	text-decoration : underline;
	color : #fff;
}

.footer_navi {
	display: flex;
	justify-content: center;
	text-align : center;
}

.footer_navi li {
	display: flex;
	color : #fff;
	
}
.footer_navi a {
	width : 100%;
	display: block;
	color : #fff;
	padding : 0 1.6rem  ;
}

.footer_navi li:not(:last-child):after {
	content:"|";
}




.main_title{
	text-align : center;
	margin : 0;
}

.contents {
	/* background : rgba(143, 211, 245,1); */
	padding : 0 0 3.2rem 0;
	width: 100%;
	max-width : 1240px;
	margin: auto;
	position: relative;
}

.main {
	margin : 3.2rem auto;
	max-width : 1124px;
	position: relative;
}

.hljs::-webkit-scrollbar{
	width: 8px;
}

/* スクロールバーのバーの部分 */
.hljs::-webkit-scrollbar-track{
background: rgba(231, 118, 0,0.2);
border: none;
border-radius: 5px;
}

/* スクロールバーのツマミの部分 */
.hljs::-webkit-scrollbar-thumb{
background: #9FA0A0;
border-radius: 5px;
box-shadow: none;
}

/*Firefox*//*細さ(幅・高さ両方に適用)*//*つまみの色 軌道の色*/
.hljs {
    scrollbar-width: thin;
    scrollbar-color: #9FA0A0 rgba(240, 200, 157, 0.3);
}



.inner_text {
	font-size : 1.8rem;
	line-height: 2;
	text-align : center;
}

.note {
	font-size: 1.4rem;
}
.note2 {
	font-size: 1.1rem;
}

.base_btn {
	background : #231815;
	color :#fff;
	display:inline-block;
	border-radius : 12px;
	padding : 0.2em 2em;
	text-align: center;
	font-weight: 700;
	margin : 1.6rem 0;
	cursor: pointer;
	position:relative;
}

.base_btn:hover {
	opacity: 0.7;
}


.large_btn {
	font-size : 2.4rem;
}

.reserve_btn {
	width: 80%;
}

.soldout {
	cursor:initial ;
}
.soldout:after {
	position: absolute;
	content : url(../images/soldout.png);
	top : calc(50% - 45px);
	left :calc(50% - 100px);
}

.soldout:hover {
	opacity: 1;
}

.white_link_btn {
	background : #fff;
	border : 2px solid #231815;
	color : #231815;
	font-size : 2.4rem;
	box-shadow: 3px 3px 0px 0 rgb(188, 188, 188);
}

/* -------------------------------------
      コンテンツ内
---------------------------------------- */
.main_logo {
	position: relative;
	text-align : center;
}

body:not(.index) .main_logo {
	padding-bottom : 2rem;
}
.index .main_logo .mv_logo img{
	width: 100%;
}
.header_schedule {
	display: flex;
	justify-content: flex-start;
	flex-direction:column;
	width: 30%;
	position : absolute;
	top : 10px;
	left :60px;
}
.header_schedule span {
	display: inline-block;
	margin-bottom : 1.6rem;
}


.sauna_close {
	position: absolute;
	width: 100%;
	max-width: 1124px;
	text-align : center;
	top : -20px;
	left : 0;
	z-index: 2;
}
.sauna_close img {
	background : #fff;
}


.info {
	border : 1px solid #231815;
	width : 100%;
	text-align : center;
	padding : 2.8rem 1.6rem;
}

.info_list {
	overflow-y: scroll;
	margin-top : 1.6rem;
	height : 6em;
}

.info_list .items{
	margin : 1.6rem;
	text-align : left;
	line-height: 1.4;
}

.ticket {
	background: url(../images/ticket_bg.png) no-repeat scroll center top;
	background-size: cover;
	padding : 4rem;
	position: relative;
	box-sizing: border-box;
}


.-contents_in.ticket {
	/* margin-bottom: 0; */

}

.passticket_link_block {
	/* position: absolute; */
	/* bottom : -3rem; */
	/* left:0; */
	text-align: center;
	width: 100%;
	box-sizing: border-box;
}


.price {
	font-size : 2.4rem;
	font-weight: 400;
}

.price .em {
	font-weight: 700;
}

.schedule_list {
	display: flex;
	justify-content: space-between;
	margin-bottom : 2.4rem;
}

.-image_real {
	margin-bottom : 1.6rem;
}

.schedule_attention {
	margin : -1.6rem 0 3.2rem;
	text-align: center;
	font-size : 1.8rem;
	color:#E60012;
}
.schedule_remark {
	margin : -4em 0 5rem;
}

.schedule_remark_text {
	text-align: center;
	font-size : 1.8rem;
	color:#E84566;
}

.schedule_remark .icon_list{
	margin:auto;
	display: inline-block;
	font-size:1.6rem;
}



.schedule_now {
	text-align : center;
	margin-bottom : 3.2rem;
}

.schedule_detail {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom:2.4rem;
}


.place_attenction {
	margin-top:4rem;
	font-size:2rem;
	text-align: center;
}

.detail_title_place {
	font-weight: 700;
	font-size: 1.8rem;
	padding-top :1.5em;
	padding-bottom :0.5em;
}

.detail_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-bottom : 0.6rem;
}
.detail_title span {
	word-break: keep-all;
	font-size : 2rem;
	display: inline-block;
	padding-right:0.5em;
	letter-spacing: 0.2rem;
}

.detail_title:after {
	content:"";
	border-top:2px solid #231815;
	width: 88%;
}

.detail_contents {
	width: 54%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.detail_contents_in  {
	font-size : 2.4rem;
	width: 100%;
}

.detail_contents_in .items {
	margin-bottom : 0.4rem;
}
.detail_contents_in .items:before{
	content : attr(data-type);
}


.required_item {
	color : #E60012;
	font-size: 1.6rem;
}

.any_item {
	font-size : 1.6rem;
	line-height: 2;
	width: 50%;
	position:absolute;
	top : 10px;
	right:0;
}

.option_any {
	text-align :right;
	padding-right:2rem;
	position:relative;
	top : 20px;
}

.detail_contents_in_full {
	width:100%;
}


.icon_list {
	list-style-type: disc;
	list-style-position: outside;
}

.icon_list li {
	
	display: flex;
	align-items: baseline;
	margin: 0 0 0.5rem;
	line-height: 1.4;
}

.icon_list li:before{
	content: attr(data-icon);
	margin: 0 0.5rem 0 0;
}

.schedule .-image img{
	width : 100%;
}


.-contents_in.benefit{

	width : 80%;
	min-width: 32rem;
	margin-left : auto;
	margin-right : auto;
	text-align: center;
}


.benefit_block {
	background : #FDEFF5;
	padding:2.4rem 1.6rem;
	text-align: center;
}


.yl_title {
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 50%, #FBE6EF 0%) repeat scroll 0 0;
	display: inline-block;
	padding : 0 1em;
	font-size : 2.6rem;
}

.benefit_list {
	width:85%;
	margin : auto;
	text-align: left;
}

.benefit_list li {
	padding : 0.8rem 0;
	font-size : 1.8rem;
	display: flex;
	align-items: center;
}


.benefit_icon {
	background : #231815;
	height : 2rem;
	padding : 0.2rem 1em;
	border-radius: 1.6em;
	color :#fff;text-align: center;
	font-size: 1.6rem;;
	margin-right: 0.5em;
}

.ladies_time {
	background : #231815;
	padding : 0.8rem 2em;
	border-radius: 1.6em;
	color :#fff;text-align: center;
	font-size: 2rem;;
	margin: 1.6rem auto;
	display: inline-block;
	min-width: 260px;
}


.loyly {
	text-align: center;
}

.ul_title {
	display: inline-block;
	border-bottom : 2px solid #231815;
	padding-bottom : 0.2em;
	line-height : 1.6;
	font-size: 2.4rem;
}


.sauna .option_title{
	margin-bottom : 2.4rem;
}

.attraction {
	/* display: flex;
	justify-content: space-between; */
	margin-bottom:8rem;
}
.attraction_inner {
	width: 100%;
	line-height: 1.6;
	font-size : 1.8rem;
	text-align :center;
	margin-bottom : 1.6rem;
}


.attaction_how_to {
	max-width: 860px;
	margin:2.4rem auto;
}

.attaction_how_to li {
	counter-increment:counter;
	border : 1px solid #231815;
	padding : 1.6rem;
	position : relative;
	display: flex;
	justify-content: space-between;
}

.attaction_how_to li:not(:last-child){
	margin-bottom : 6rem;

}

.attaction_how_to li:before {
	font-family: 'Abel','Noto Sans JP',"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "Arimo", sans-serif;
	content: counter(counter);
	position : absolute;
	top : 1.6rem;
	left : 1.6rem;
	background : #231815;
	color : #fff;
	font-weight: 700;
	font-size : 2.4rem;
	border-radius: 50%;
	text-align :center;
	line-height : 4rem;
	width : 4rem;
	height : 4rem;
}
.attaction_how_to li:not(:last-child):after{
    content: '';
    position: absolute;
    top: 110%;
    left: 50%;
    transform: translateX(-50%);
    border-top: 30px solid #999;  /* 好みで色を変えてください */ 
    border-right: 45px solid transparent;
    border-left: 45px solid transparent;
}

.how_to_title {
	font-weight: 700;
	margin-bottom : 1.6rem;
	margin-top : 0.8rem;
	font-size : 2.4rem;
}

.how_to_image {
	width : 30%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.how_to_image1 img {
	width: 140px;
}
.how_to_image2 img {
	width: 210px;
}
.how_to_image3 img {
	width: 200px;
}
.how_to_image4 img {
	width: 190px;
}

.how_to_description {
	width: 70%;
	text-align: left;
	margin-right : 2rem;
}
.supervision {
	text-align: right;
	margin-bottom : 8rem;
}

.sauna_type {
	margin :auto;
	margin-bottom:1.6rem;
	max-width: 1024px;
	margin-bottom : 8rem;
}
.sauna_type .-image img {
	width: 49%;
}
.sauna_type .type_contents {
	display: flex;
	justify-content: space-between;

}


.type_title {
	color : #fff;
	padding : 0 0 0.4em 0;
	font-size: 2.4rem;;
	display: flex;
	justify-content: space-between;
	position: relative;
	height : 40px;
	
}
.type_title .clr {
	background:#EC7281;
	height : 40px;
	width:100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding : 0 1.6rem;

}


.type_title:after{
	width: 10px;
	height: 0;
	display: block;
	/* position: absolute; */
	right: 0;
	content: "";
}
.type_title:after{
	border-bottom: solid 40px #EC7281;
	border-right: solid 40px transparent;
	bottom: 0;
}


.type_text {
	width: 30%;
	font-size : 1.8rem;
	margin : 0;
	margin : 1.6rem 0 0 0;
}
.type_image {
	width: 70%;
	font-size : 1.8rem;
	margin : 1.6rem 2.4rem 0 0;
	text-align:left;
}


.corona {
	max-width: 766px;
	border : 2px solid #231815;
	border-right : none;
	border-left : none;
	padding : 3.2rem 2.4rem;
	margin :auto;
}

.corona_title {
	font-size : 2.4rem;
}

.sponser {
	max-width: 980px;
	margin:auto;
}

.sponser_title {
	font-size: 1.6rem;
	letter-spacing: 1em;
	text-indent : 1em;
	font-weight: 400;
	margin-bottom : 2.4rem;
}

.sponser_group {
	margin-bottom : 8rem;
}

.sponser_list {
	display: flex;
	justify-content: space-around;
	flex-wrap: nowrap;
	align-items: center;
}

.sponser_list li {
	text-align:center;
	letter-spacing: 0.2em;
	text-indent: 0.5em;
	/* width : 30%; */
	padding : 0.8rem 1.6rem ;
	font-size: 2rem;;
}

.sponser_list.-col2 li {
	text-align:center;
	letter-spacing: 0;
	text-indent: 0;
	width : 50%;
}

.sponser_list.-col4 li {
	text-align:center;
	letter-spacing: 0;
	text-indent: 0;
	width : 25%;
}

.sponser_list.justify li {
	margin-bottom: 1.6rem;
}

.sponser_list.f_wrap  {
	flex-wrap: wrap;
}

/* subpage */
.partner_company,
.facility {
	max-width : 840px;
	margin : auto;
}


.partners_facility_list {
	text-align : center;
}

.partners_facility_list li:not(:last-child){
	margin-bottom : 4rem;
}


.partners_facility_list .name {
	font-size : 2rem;
	text-decoration: underline;
	margin-bottom : 0.8rem;
}

.partners_facility_list .address,
.partners_facility_list .tel,
.partners_facility_list .url
 {
	font-size : 1.6rem;
	margin-bottom : 0.8rem;
}


.list {
	margin-bottom : 4rem;
}

.list_title {
	font-weight: 700;
	font-size : 2.4rem;
	margin-bottom : 2.4rem;
	text-align: center;
}

.list_contents {
	display: flex;
	justify-content: space-between;
}

.list_contents > div.-image {
	width : 45%;
}
.list_contents > div.-text {
	width : 53%;
}

.description {
	margin-bottom : 1.6rem;
}


.text_heading {
	font-size :2.2rem;
	text-align: left;
	font-weight: 400;
}

h3.text_heading{
	margin-bottom : 1em;
}

.data_list {
	max-width : 980px;
	margin : auto;
}

.data_list dt {
	margin-bottom : 1.6rem;
}
.data_list dd {
	margin-bottom : 4rem;
	line-height : 1.6;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.operator {
	max-width: 660px;
	margin:auto;
}


.commerce_list {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
.commerce_list > dt {
	width:30%;
	padding : 0.5em 0;
}
.commerce_list > dd {
	width:70%;
	padding : 0.5em 0;
	line-height: 1.6;
}
.commerce_list .large {
	width: 100%;
}

.commerce_list .medium dt{
	text-indent : 1em;
}

.map {
	max-width: 800px;
	max-height : 500px;
	margin : auto;
	margin-bottom : 4rem;
}

.access_schedule {
	margin-bottom : 3.2rem;
}



.access .detail_contents {
	width: 100%;
	max-width: 1024px;
	margin:auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.access .detail_contents .cont1 {
	width:35%;
}
.access .detail_contents .cont2 {
	width:60%;
}


.access .detail_contents_in  {
	font-size : 2.4rem;
	width: 100%;
}


.access .any_item {
	font-size : 1.6rem;
	line-height: 2;
	width: 100%;
	position:relative;
	top : -20px;
}

.yakei_image {
	margin : 4rem 0 0;
}
.yakei_image .-image {
	margin-bottom : 2rem;
}

.access_address {
	display: flex;
	max-width: 800px;
	max-height : 500px;
	margin : auto;
	margin-bottom : 4rem;
}
.access_address .-image{
	padding-right : 1.6rem;
}

.traffic_icon {
	display: inline-block;
	padding : 0.3em 1em;
	font-size : 1.6rem;
	border : 1px solid #231815;
	text-align : center;
	margin-bottom : 0.8rem;
}

.place_name {
	font-size : 2rem;
	margin-bottom : 1.6rem;
}
.place_info {
	font-size : 1.8rem;
	margin-bottom : 1.6rem;
	line-height : 1.4;
}

.reservation .reservation_title {
	text-align: center;
	font-size : 2.8rem;
}

.reservation_form_area input ,
.reservation_form_area select {
	font-size : 2.2rem;
}

.input_form {
	display: flex;
	justify-content: center;
	margin-bottom : 4rem;
}

.input_form:not(:last-child) {
	margin-bottom : 4rem;
}

.form_wrap {
	padding : 0.5em 2em;
	background : #FFFCDB;
	border : 2px solid #231815;
	border-radius: 10px;
	display: inline-block;
	text-align: center;
	line-height: 1.6;
	font-size: 2.2rem;
	margin : 0.8rem;
}

.form_select {
	padding : 0.2em 0.5em;
	background: #FFFCDB;
}

.plan_btn {
	cursor: pointer;
}

.plan_btn.active {
	background : #E77600;
	color : #fff;
}

.plan_btn .course {
	font-weight :700;
}


.agree {
	font-size: 2.2rem;
	margin-bottom : 1.6rem;
}


.calc_area {
	text-align: center;
}

.calc_area .-text {
	font-size : 2.2rem;
	margin-bottom: 1.6rem;
}

.calc_result {
	font-size : 3.6rem;
}

.calc_target {
	color : #DF0615;
	text-decoration: underline;
}

.cont3 {
	width: 100%;
	max-width: 670px;
	margin : auto;
}
.cont4 {
	width: 100%;
	max-width: 500px;
	margin : auto;
}

.btn {
	text-align: center;
}

.submit_btn {
	font-size:	2.6rem;
	transition : all 300ms;
}
.readonly {
	pointer-events: none;
	background: #dedede;
  }

.agree {
	font-size: 2.2rem;
	margin-bottom : 1.6rem;
}

.large_check { display:none; } /* to hide the checkbox itself */
.large_check + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

.large_check + label:before { content: "\f096"; } /* unchecked icon */
.large_check + label:before { letter-spacing: 10px; } /* space between checkbox and label */

.large_check:checked + label:before { content: "\f046"; } /* checked icon */
.large_check:checked + label:before { letter-spacing: 10px; } /* allow space for check mark */



.list_table {
	
    border-collapse: collapse;
    max-width: 800px;
    table-layout: fixed;
	margin:auto;
}

.list_table th,
.list_table td {
	text-align : center;
	font-size : 2.4rem;
    border: 1px #000 solid;
	vertical-align: middle;
}
.list_table th {
	padding : 0.5em;
}


.list_table thead th {
	font-size : 1.8rem;
}
.list_table thead th:not(:first-child) {
	/* width : 22%; */
}

.list_table thead th span{
	font-size : 2.4rem;
}

.list_table tr:nth-child(even) th,
.list_table tr:nth-child(even) td {
	background: #EFEFEF;
}

.list_table td div {
	cursor: pointer;
	padding : 0.5em;
}

.list_table .active {
	color : #E77600;
	background : #FFFCDB;

}

.list_table tr:nth-child(2n) th.ladies_time_line, .list_table tr:nth-child(2n) td.ladies_time_line
{
	background:#FADCE9;
}

.list_benefit_note {
	text-align : center;
	margin-top :1.6rem;
}

.reserve_list {
	font-size : 2.2rem;
}

.total {
	text-align : right;
	font-size : 2.2rem;
}

.input_table {
	max-width: 960px;
	margin:auto;
}

.input_table th,
.input_table td{
	padding : 1em 0;
	font-size : 2.2rem;
	vertical-align: middle;
}

.input_table th {
	width: 30%;
}
.input_table td {
	width: 70%;
}

input[type=text],
input[type=password]
 {
	padding : 0.2em 0.5em;
	font-size : 2.2rem;
	border : 1px solid #231815;
	width: 100%;
}

.ul_link {
	text-decoration :underline;
}


.list_in {
	margin-bottom : 2.4rem;
}

.list_heading {
	margin-bottom : 1.6rem;
}

.no_list {
	list-style-type: disc;
	list-style-position: outside;
	counter-reset: item;
	margin-left: 2em;
}


.no_list > li {
	display: flex;
	align-items: baseline;
	margin: 0 0 0.5rem;
	line-height: 1.6;
	justify-content: flex-start;
	position: relative;
}

.no_list > li:before{
	counter-increment: item;
	content: counter(item)'.';
	margin: 0 0.5rem 0 0;
	display: inline-block;
	margin-left: -3.5em;
	width: 3em; 
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
}

.brackets_list {
	list-style-type: disc;
	list-style-position: outside;
	counter-reset: item;
	margin-left: 2em;
}


.brackets_list > li {
	display: flex;
	align-items: baseline;
	margin: 0 0 0.5rem;
	line-height: 1.6;
	justify-content: flex-start;
	position: relative;
}

.brackets_list > li:before{
	counter-increment: item;
	content: '('counter(item)')';
	margin: 0 0.5rem 0 0;
	display: inline-block;
	margin-left: -3.5em;
	width: 3em; 
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
}


.message {
	position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    border: 1px solid transparent;
    border-radius: 0.5rem;
}
.message_inline {
	font-size : 1.4rem;
    padding: .5rem .75rem;
}

.success {
    color: #18603a;
    background-color: #d5f1de;
    border-color: #c4ebd1;
}
.error {
	color: #772b35;
    background-color: #fadddd;
    border-color: #f8cfcf;
}



/* rederve_list */

.mypage .reserve_list li {
	border : 1px solid #dedede;
	border-radius : 6px;
	margin-bottom : 1.6rem;
}

.reserve_info_block .block {
	display: flex;
	font-size : 1.6rem;
	padding : 1.6rem;
	justify-content: space-between;
	align-items: center;
}


.reserve_info_block .block .block_in {
	margin-right : 2rem;
}


.reserve_list_title {
	font-size : 1.2rem;
	color : #999;
	display : inline-block;
	padding-right : 1em;
	font-weight: 400;
}

.status_icon {
	text-align : center;
	background : #333;
	color:#fff;
	border-radius:6px;
	padding : 0.5em 2em;
}

.reserve_info_block.cancel {
	background : #eeeeee;
}
.reserve_info_block.over {
	background : #eeeeee;
}

.reserve_info_block.unpaid.bank  {
	background : rgb(255, 247, 247);
}

.reserve_info_block.unpaid.bank .reserve_price {

	color : rgb(209, 34, 34);
	font-weight: 700;
	font-size: 2rem;
}

.cancel .status_icon {
	background : #999;
}

.unpaid .status_icon {
	background : rgb(209, 34, 34);
}
.paid .status_icon {
	background : rgb(32, 131, 211);
}
.today .status_icon {
	background : rgb(5, 136, 59);
}
.gaze {
	font-size : 2.0rem;
	font-weight: 700;
}

.attention {
}
.attention span {
	color : rgb(209, 34, 34);
	font-weight: 700;
}

.underline {
	border-bottom : 1px solid #dedede;
}


.cci_link {
	font-size : 1.6rem;
}

.cci_link .base_btn{
	font-size : 1.6rem;
	margin-top:1.2rem;
	margin-bottom:1.2rem;
}


.qanda_list_block {
	max-width: 900px;
	margin-right:auto;
	margin-left:auto;
}

.qanda_list {
	margin-bottom : 6rem;
}

.qanda_list .group {
	border-bottom : 1px solid #4c4948;
	padding : 3rem 0;
}

.qanda_list .group:first-of-type {
	border-top : 1px solid #4c4948;

}
.qanda_title {
	font-size : 2rem;
	font-weight: 700;
	margin-bottom : 1.6rem;
}

.qanda_list dt,
.qanda_list dd {
	display: flex;
}

.qanda_list dt {
	align-items: center;
	font-size : 2.4rem;
	margin-bottom :1.6rem;
}

.qanda_list dd {
	font-size : 1.8rem;
	line-height: 1.6;
}
.qanda_list .-qa {
	width: 5rem;
	margin-right:1.6rem;
	display: block;
	flex-shrink: 0;
}
.qanda_list .-qa.-a {
	text-align: right;
}
.qanda_list .-qa.-a img {
	width: 50%;
}

.mb20{
	margin-bottom :2rem;
}