@charset "utf-8";
/* ============================================================
＠＠
カテゴリ用CSS / appointment

%update / 2020.04.15

▼カテゴリ共通の定義
▼ページ固有の定義
============================================================ */

/* ------------------------------------------------------------
▼カテゴリ共通の定義
	※新規作成したCSSは名前の先頭に『ct』をつける
	※body class『.ctOther』で影響範囲を限定する
	↓記述例
	body.ctOther #Main .ctHoge01
------------------------------------------------------------ */
header#Header{
	max-width: 640px;
    margin: 0 auto;
    height: auto;
}

header#Header img{ width: 100%; }


.cmTxtXL{
    font-size: 133.3%;
    line-height: 1.625 /* 26px */;
}

.cmFormList > li .cmFormTit {
    width: 240px;
    /*margin-top: 0.6em;*/
    margin-top: 7px;
}

.cmFormList > li .cmFormIco01, .cmFormList > li .cmFormIco02 {
    background-color: #e91937;
    color: #fff;
    font-weight: bold;
    padding: 7px 13px;
    border-radius: 3px;
    margin-right: 20px;
    margin-top: 0.3em;
}

.cmFormList > li .cmFormTit, .cmFormList > li .cmFormIco01, .cmFormList > li .cmFormIco02, .cmFormList > li .cmFormCol1, .cmFormList > li .cmFormCol2, .cmFormList > li .cmFormCol1Tel, .cmFormList > li .cmFormCol3Tel, .cmFormList > li .cmFormCol3Txt, .cmFormList > li .cmFormTxt {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    text-align: left;
}


ul.cmFormList li > div{
	display: inline-block;
}

#Main .cmFormList > li > .cmFormCol3Txt > .cmFormColItem .jsSlctBtn {
   background-color: #ffd3d3;
}

@media screen and (max-width: 767px){
.cmFormList > li .cmFormTit {
    width: auto;
}

.cmFormList > li .cmFormTit, .cmFormList > li .cmFormIco01, .cmFormList > li .cmFormIco02, .cmFormList > li .cmFormCol1, .cmFormList > li .cmFormCol2, .cmFormList > li .cmFormCol1Tel, .cmFormList > li .cmFormCol3Tel, .cmFormList > li .cmFormCol3Txt, .cmFormList > li .cmFormTxt {
    display: inline-block;
}

ul.cmFormList li > div{
	display: block;
	background-color: #ffe6e6;
    padding: 3px 10px 7px;
    width: 100%;
    margin-left: -10px;
}

#Main h2{
	display: block;
    background-color: #f3566c;/*#ffc5c5*/
    color: #fff;
    padding: 10px 10px 10px;
    width: 110%;
    margin-left: -10px;
    margin-bottom: 0 !important;
}

#Main .cmH2{
	margin-bottom: 0;
}




.cmFormList > li .cmFormIco01, .cmFormList > li .cmFormIco02 {
    padding: 4px 3px;
    margin-left: 10px;
    margin-top: 0.3em;
}

.cmFormList span.cmIptErrorTxt small:empty{
    display: none;
}

.cmFormList span.cmIptErrorTxt::before,
.cmFormList span.cmIptErrorTxt::after{
    margin: 0;
    content: "1";
    display: none;
}

ul.cmFormList li ul li .cmIptAtnTxt {
	margin-left: 10px;
}

#Main .cmFormList > li > .cmFormCol2 > label.cmFormColItem,
#Main .cmFormList > li > .cmFormCol2 > .cmFormColItem {
    width: 46.0%;
}







}




body.ctOther {
	position: relative;
}
body.ctOther .ctShopColA {
	float: left;
	width: 580px;
}
body.ctOther .ctShopColB {
	float: right;
	width: 360px;
}

body.ctOther .ctShopLinkList {
	margin-bottom: 20px;
}


body.ctOther .ctShopIconList {
	letter-spacing: -0.4em;
/*	float: left;*/
	white-space: nowrap;
	margin-bottom: 20px;
}
body.ctOther .ctShopIconList > li {
	display: inline-block;
	letter-spacing: normal;
	margin-left: 6px;
	border: solid 2px #d1d1d1;
	border-radius: 2px;
	line-height: 1;
	color: #d1d1d1;
	padding: 8px 15px 7px;
	font-weight: bold;
}
body.ctOther .ctShopIconList > li:first-child {
	margin-left: 0;
}
body.ctOther .ctShopIconList > li.current {
	color: #fff;
	background-color: #e91937;
	border-color: #e91937;
}
body.ctOther .ctShopPrintBtn {
	float: right;
	margin-bottom: 20px;
}
body.ctOther .ctShopBox01 {
	border: solid 1px #cecece;
	background-color: #f9f9f9;
	padding: 25px 0 23px;
	border-radius: 3px;
	position: relative;
}
body.ctOther .ctShopBox01:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: solid 1px #fff;
	border-radius: 3px;
}
body.ctOther .ctShopBox01Inr {
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	z-index: 10;
}
body.ctOther .ctShopBox01 .ctShopBox01Hd > p {
	display: table-cell;
	vertical-align: bottom;
}
body.ctOther .ctShopBox01 .ctShopBox01Hd > p.ctShopBox01Pic {
	width: 105px;
	padding-right: 25px;
}
body.ctOther .ctShopBox01 .ctShopBox01Hd > p.ctShopBox01Txt > span,
body.ctOther .ctShopBox01 .ctShopBox01Hd > p.ctShopBox01Txt > strong {
	display: block;
}
body.ctOther .ctShopBox01 .ctShopSlide {
	position: relative;
}
body.ctOther .ctShopBox01 .ctShopSlide .ctShopBox01Hd {
	padding-left: 40px;
	padding-right: 40px;
}
body.ctOther .ctShopBox01 .ctShopSlide .ctShopSlideBtn > li {
	position: absolute;
	right: 16px;
	top: 50px;
	height: 20px;
	width: 20px;
	border: 2px solid #777;
	border-left-width: 0;
	border-top-width: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	cursor: pointer;
	z-index: 20;
}
body.ctOther .ctShopBox01 .ctShopSlide .ctShopSlideBtn > li:first-child {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	right: auto;
	left: 16px;
}
body.ctOther .ctShopColB .cmBtn01L {
	min-width: 1px;
	max-width: 1000px;
}
body.ctOther .ctShopSlideList > li {
	display: none;
}
body.ctOther .ctShopSlideList > li.current {
	display: block;
}
@media screen and (max-width:1024px){
	body.ctOther .ctShopColA {
		width: 430px;
	}
	body.ctOther .ctShopColB {
		width: 280px;
	}
	body.ctOther .ctShopPrintBtn {
		display: none;
	}
}
@media screen and (max-width:767px){
	body.ctOther .ctShopColA {
		margin-bottom: 20px;
		width: auto;
	}
	body.ctOther .ctShopColB {
		width: auto;
	}
}


/* ------------------------------------------------------------
▼ページ固有の定義
	※新規作成したCSSは名前の先頭に『pg』をつける
	※body idで影響範囲を限定する
	↓記述例
	body#XxxxIndex #Main .pgHoge01
------------------------------------------------------------ */

#Main .cmH2{
	letter-spacing: 0;
    text-align: left;
}

.cmNote .cmIptAtnTxt.cmTxtS,.cmNote .cmIptAtnTxt.cmTxtM{
	display: block;
	text-align: left;
}

.cmFormList li .cmFormIco02{
    background-color: #adadad;
}


/* ------------------
【XxxxIndex】
------------------ */
@media screen and (max-width:1024px){
}
@media screen and (max-width:767px){
}