@charset "UTF-8";

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


.clearfix::after {
  content: "";
  display: block;
  clear: both;
}


/*パンくずリスト SP
---------------------------------------------*/
.breadcrumb {
	width: 92%;
	margin: 10px 4%;
	padding: 0;
	list-style: none;
	text-align: left;
}
.breadcrumb li {
	display: inline;/*横に並ぶように*/
	list-style: none;
	font-size: 3vw;
}
.breadcrumb li:after {/* >を表示*/
	content: '>';
	padding: 0 0.2em;
	color: #555;
}
.breadcrumb li:last-child:after {
	content: '';
}
.breadcrumb li a {
	text-decoration: none;
	color: #666;/*色*/
	display: inline;
}
.breadcrumb li a:hover {
	text-decoration: underline;
}
/*パンくずリスト PC
---------------------------------------------*/
@media screen and (min-width: 769px){
.breadcrumb li {
	font-weight: bold;/*太字*/
	font-size: 13px;
}
}
	
	
/*文字色
---------------------------------------------*/
.tx_black {
	color: #575757!important;
}
.tx_pink {
	color: #d25965;
}
.tx_right_pink {
	color: #e88a95;
	display: inline-block;
}
.tx_pale_pink{
	color: #EDBFC1;
}
.tx_red {
	color: #ff0000!important;
}

/*上付き、下付き
---------------------------------------------*/
.supText {
font-size: 60%!important;
vertical-align: top;
position: relative;
top: -0.2em;
	display: inline-block!important;
}
.supText2 {
	font-size: 80%!important;
	vertical-align: middle;
	position: relative;
	bottom: 1.2em;
	display: inline-block!important;
}

.subText {
font-size: 60%;
vertical-align: bottom;
position: relative;
top: 0.2em;
}
.subText2 {
font-size: 60%;
vertical-align: baseline;
}


/*文字サイズ
---------------------------------------------*/
.tx_120pct {
	font-size: 120%!important; /*80パーセント*/
}
.tx_80pct {
	font-size: 80%!important; /*80パーセント*/
}
.tx_60pct {
	font-size: 60%!important; /*60パーセント*/
}
.tx_50pct {
	font-size: 50%!important; /*50パーセント*/
}

/*文字調整
---------------------------------------------*/
.tx_left {
	text-align: left!important;
}
.tx_right {
	text-align: right!important;
}
.tx_center {
	text-align: center!important;
}
.tx_underline {
	text-decoration: underline!important;
}
 /*英文の強制改行*/
.tx_break{
	word-wrap: break-word;
}

/*行間調整
---------------------------------------------*/
.line_space_3{
	line-height: 3;
}

/*マージン調整
---------------------------------------------*/
.mt_0 {margin-top: 0!important}
.mt_5 {margin-top: 5px!important}
.mt_10 {margin-top: 10px!important}
.mt_20 {margin-top: 20px!important}
.mt_30 {margin-top: 30px!important}
.mt_40 {margin-top: 40px!important;}
.mt_50 {margin-top: 50px!important}
.mt_60 {margin-top: 60px!important}
.mt_70 {margin-top: 70px!important}
.mt_80 {margin-top: 80px!important}
.mt_90 {margin-top: 90px!important}
.mt_100 {margin-top: 100px!important}

.mt_1em {margin-top: 1em!important}

.mb_0 {margin-bottom: 5px!important}
.mb_5 {margin-bottom: 5px!important}
.mb_10 {margin-bottom: 10px!important}
.mb_20 {margin-bottom: 20px!important}
.mb_30 {margin-bottom: 30px!important}
.mb_40 {margin-bottom: 40px!important}
.mb_50 {margin-bottom: 50px!important}
.mb_60 {margin-bottom: 60px!important}
.mb_70 {margin-bottom: 70px!important}
.mb_80 {margin-bottom: 80px!important}
.mb_90 {margin-bottom: 90px!important}
.mb_100 {margin-bottom: 100px!important}

/*パディング調整
---------------------------------------------*/
.pt_10 {padding-top: 10px!important}
.pt_20 {padding-top: 20px!important}
.pt_30 {padding-top: 30px!important}
.pt_40 {padding-top: 40px!important}
.pt_50 {padding-top: 50px!important}

.pb_40 {padding-bottom: 40px!important}
.pb_100 {padding-bottom: 100px!important}

/*区切り線
---------------------------------------------*/
.separator_line_ccc {
	border-top: 1px solid #ccc;
}
.separator_line_ccc_1000px {
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
}
@media screen and (min-width: 769px){
.separator_line_ccc_1000px {
	border-top: 1px solid #ccc;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
}	
.separator_line_eee {
	border-top: 1px solid #eee;
}

/*囲み線
---------------------------------------------*/
.gray_line{
    border: solid 1px #ccc;
}

/*バックグラウンド色
---------------------------------------------*/
.bg_color_lightpink{
	background-color: #fef3f3;
}
.bg_color_lightgray{
	background-color: #f5f5f5;
}

/*テーブル改行
---------------------------------------------*/
.tx_nowrap {
	white-space: nowrap;
}


/*WEB予約ボタン前説明
---------------------------------------------*/
.btn-select_att{
	width: 78.7vw;
	margin: 0 auto -10px;
}
@media screen and (min-width: 769px){
.btn-select_att{
	width: 100%;
	margin: 0 auto -1em;
}
}

/*PC、SP切り替え
---------------------------------------------*/
.sp_block{
	display: block;
}
.pc_block{
	display: none;
}
@media screen and (min-width: 769px){
.sp_block{
	display: none;
}
.pc_block{
	display: block;
}
}