@charset "utf-8";
/* CSS Document */
/* ver 2019.0613 */






@media screen and (max-width: 736px) {


/*  ------------------------------------------------------------ */

/* ページ幅 リセット*/

/*  ------------------------------------------------------------ */

#summary{width:100%; display:none;}
#main{width:100%; float:none;  margin-left:0px;}
#side{width:100%; float:none; }
header { width:100%; }
nav{  width:100%; }
nav ul{width:100%; }
header .wrap { width:100%; }
#contentArea{ width:100%; }
#top #main{width:100%;}

.widthFull{ margin:auto; width: 100%;}



.wrap,
.inner,
.infoArea .wrap,
.pageTitle,
#foot .wrap{ margin:auto; width: 100%;}



#main{ padding: 0 0 0;}

.clinicInfoArea{ padding-top:0;}

#footArea{ }



#head h1{display:none; }
#footArea .pcInfoArea{ display:none; }



hr{ margin-bottom:1.5rem; padding-bottom:1.5em;}



/*  ------------------------------------------------------------ */

/*SPのみ適用*/
/*  ------------------------------------------------------------ */

.is_PC{ display:none   !important;}
.is_SP{ display:block ;}
.andSP{ display:block !important;}
.is_PC_view{ visibility:hidden;}
.is_SP_view{ visibility:visible;}


.spLeft{ float:left !important;}
.spRight{ float:right !important;}
.spCenter{ margin-left: auto;  margin-right: auto; text-align:center;}

.spClear{ clear:both;}
.pcBreak br{ display:none;}

.spAlignLeft{ text-align:left;}
.spAlignCenter{ text-align:center;}
.spAlignRight{ text-align:right;}



/*  ------------------------------------------------------------ */

/*フロートグリッド*/

/*  ------------------------------------------------------------ */


/* インラインブロック */
/*  ------------------------------------------------------------ */
.inlineBlock .col{ margin-bottom:1rem; display:block;}
.inlineBlock.flexLeft .col{margin-right:0;}

.inlineBlock.col3 .col:nth-child(3),
.inlineBlock.col4 .col:nth-child(4),
.inlineBlock.col5 .col:nth-child(5){  margin-right:2%;}

.inlineBlock .col{ margin-right:0;}
.inlineBlock.spCol2 .col:nth-child(odd){ margin-right:3%;}
.inlineBlock.spCol3 .col:nth-child(3){ margin-right:0;}
.inlineBlock.spCol4 .col:nth-child(4){ margin-right:0;}
.inlineBlock.spCol5 .col:nth-child(5){ margin-right:0;}

.inlineBlock.col1 .col,
.inlineBlock.col2 .col,
.inlineBlock.col3 .col,
.inlineBlock.col4 .col,
.inlineBlock.col5 .col{ width:100%;}

.inlineBlock.spCol1 .col{ width:100%; }
.inlineBlock.spCol2 .col{ width:48%; }
.inlineBlock.spCol3 .col{ width:32%; }
.inlineBlock.spCol4 .col{ width:23.5%;}
.inlineBlock.spCol5 .col{ width:18.4%;}



/* フロートブロック */
/*  ------------------------------------------------------------ */


.flexBlock{ display:inherit; }
.flexBlock.spFlex{ display:flex; justify-content:space-between; }
.flexBox{display:inherit; }
.flexBlock.spFlex.spFlex-wrap{flex-wrap: wrap;}

.flexBlock.andSP.col2{ display:flex; flex-wrap: wrap; justify-content: flex-start;}
.flexBlock.spFlex.col2 .col{flex: 0 1 40%; padding:0 5%;}	

.flexBlock.spFlex.col3{ display:flex; flex-wrap: wrap; justify-content: flex-start;}
.flexBlock.spFlex.col3 .col{flex: 0 0 25%;  padding:0 3%;}	

.flexBlock .flexRight{ flex-basis: 100%;}
.flexBlock .flexLeft{ flex-basis: 100%;}



.spFlex1{flex-basis:1%;}
.spFlex2{flex-basis:2%;}
.spFlex3{flex-basis:3%;}
.spFlex4{flex-basis:4%;}
.spFlex5{flex-basis:5%;}
.spFlex6{flex-basis:6%;}
.spFlex7{flex-basis:7%;}
.spFlex8{flex-basis:8%;}
.spFlex9{flex-basis:9%;}
.spFlex10{flex-basis:10%;}
.spFlex11{flex-basis:11%;}
.spFlex12{flex-basis:12%;}
.spFlex13{flex-basis:13%;}
.spFlex14{flex-basis:14%;}
.spFlex15{flex-basis:15%;}
.spFlex16{flex-basis:16%;}
.spFlex17{flex-basis:17%;}
.spFlex18{flex-basis:18%;}
.spFlex19{flex-basis:19%;}
.spFlex20{flex-basis:20%;}
.spFlex21{flex-basis:21%;}
.spFlex22{flex-basis:22%;}
.spFlex23{flex-basis:23%;}
.spFlex24{flex-basis:24%;}
.spFlex25{flex-basis:25%;}
.spFlex26{flex-basis:26%;}
.spFlex27{flex-basis:27%;}
.spFlex28{flex-basis:28%;}
.spFlex29{flex-basis:29%;}
.spFlex30{flex-basis:30%;}
.spFlex31{flex-basis:31%;}
.spFlex32{flex-basis:32%;}
.spFlex33{flex-basis:33%;}
.spFlex34{flex-basis:34%;}
.spFlex35{flex-basis:35%;}
.spFlex36{flex-basis:36%;}
.spFlex37{flex-basis:37%;}
.spFlex38{flex-basis:38%;}
.spFlex39{flex-basis:39%;}
.spFlex40{flex-basis:40%;}
.spFlex41{flex-basis:41%;}
.spFlex42{flex-basis:42%;}
.spFlex43{flex-basis:43%;}
.spFlex44{flex-basis:44%;}
.spFlex45{flex-basis:45%;}
.spFlex46{flex-basis:46%;}
.spFlex47{flex-basis:47%;}
.spFlex48{flex-basis:48%;}
.spFlex49{flex-basis:49%;}
.spFlex50{flex-basis:50%;}
.spFlex51{flex-basis:51%;}
.spFlex52{flex-basis:52%;}
.spFlex53{flex-basis:53%;}
.spFlex54{flex-basis:54%;}
.spFlex55{flex-basis:55%;}
.spFlex56{flex-basis:56%;}
.spFlex57{flex-basis:57%;}
.spFlex58{flex-basis:58%;}
.spFlex59{flex-basis:59%;}
.spFlex60{flex-basis:60%;}
.spFlex61{flex-basis:61%;}
.spFlex62{flex-basis:62%;}
.spFlex63{flex-basis:63%;}
.spFlex64{flex-basis:64%;}
.spFlex65{flex-basis:65%;}
.spFlex66{flex-basis:66%;}
.spFlex67{flex-basis:67%;}
.spFlex68{flex-basis:68%;}
.spFlex69{flex-basis:69%;}
.spFlex70{flex-basis:70%;}
.spFlex71{flex-basis:71%;}
.spFlex72{flex-basis:72%;}
.spFlex73{flex-basis:73%;}
.spFlex74{flex-basis:74%;}
.spFlex75{flex-basis:75%;}
.spFlex76{flex-basis:76%;}
.spFlex77{flex-basis:77%;}
.spFlex78{flex-basis:78%;}
.spFlex79{flex-basis:79%;}
.spFlex80{flex-basis:80%;}
.spFlex81{flex-basis:81%;}
.spFlex82{flex-basis:82%;}
.spFlex83{flex-basis:83%;}
.spFlex84{flex-basis:84%;}
.spFlex85{flex-basis:85%;}
.spFlex86{flex-basis:86%;}
.spFlex87{flex-basis:87%;}
.spFlex88{flex-basis:88%;}
.spFlex89{flex-basis:89%;}
.spFlex90{flex-basis:90%;}
.spFlex91{flex-basis:91%;}
.spFlex92{flex-basis:92%;}
.spFlex93{flex-basis:93%;}
.spFlex94{flex-basis:94%;}
.spFlex95{flex-basis:95%;}
.spFlex96{flex-basis:96%;}
.spFlex97{flex-basis:97%;}
.spFlex98{flex-basis:98%;}
.spFlex99{flex-basis:99%;}
.spFlex100{flex-basis:100%;}






/*　写真センターブロック　*/
.blockImage{ width:100%; text-align:center; margin:0 auto 1rem;}




.spPer1{ width:1%;}
.spPer2{ width:2%;}
.spPer3{ width:3%;}
.spPer4{ width:4%;}
.spPer5{ width:5%;}
.spPer6{ width:6%;}
.spPer7{ width:7%;}
.spPer8{ width:8%;}
.spPer9{ width:9%;}
.spPer10{ width:10%;}
.spPer11{ width:11%;}
.spPer12{ width:12%;}
.spPer13{ width:13%;}
.spPer14{ width:14%;}
.spPer15{ width:15%;}
.spPer16{ width:16%;}
.spPer17{ width:17%;}
.spPer18{ width:18%;}
.spPer19{ width:19%;}
.spPer20{ width:20%;}
.spPer21{ width:21%;}
.spPer22{ width:22%;}
.spPer23{ width:23%;}
.spPer24{ width:24%;}
.spPer25{ width:25%;}
.spPer26{ width:26%;}
.spPer27{ width:27%;}
.spPer28{ width:28%;}
.spPer29{ width:29%;}
.spPer30{ width:20%;}
.spPer31{ width:31%;}
.spPer32{ width:32%;}
.spPer33{ width:33%;}
.spPer34{ width:34%;}
.spPer35{ width:35%;}
.spPer36{ width:36%;}
.spPer37{ width:37%;}
.spPer38{ width:38%;}
.spPer39{ width:39%;}
.spPer40{ width:40%;}
.spPer41{ width:41%;}
.spPer42{ width:42%;}
.spPer43{ width:43%;}
.spPer44{ width:44%;}
.spPer45{ width:45%;}
.spPer46{ width:46%;}
.spPer47{ width:47%;}
.spPer48{ width:48%;}
.spPer49{ width:49%;}
.spPer50{ width:50%;}
.spPer51{ width:51%;}
.spPer52{ width:52%;}
.spPer53{ width:53%;}
.spPer54{ width:54%;}
.spPer55{ width:55%;}
.spPer56{ width:56%;}
.spPer57{ width:57%;}
.spPer58{ width:58%;}
.spPer59{ width:59%;}
.spPer60{ width:60%;}
.spPer61{ width:61%;}
.spPer62{ width:62%;}
.spPer63{ width:63%;}
.spPer64{ width:64%;}
.spPer65{ width:65%;}
.spPer66{ width:66%;}
.spPer67{ width:67%;}
.spPer68{ width:68%;}
.spPer69{ width:69%;}
.spPer70{ width:70%;}
.spPer71{ width:71%;}
.spPer72{ width:72%;}
.spPer73{ width:73%;}
.spPer74{ width:74%;}
.spPer75{ width:75%;}
.spPer76{ width:76%;}
.spPer77{ width:77%;}
.spPer78{ width:78%;}
.spPer79{ width:79%;}
.spPer80{ width:80%;}
.spPer81{ width:81%;}
.spPer82{ width:82%;}
.spPer83{ width:83%;}
.spPer84{ width:84%;}
.spPer85{ width:85%;}
.spPer86{ width:86%;}
.spPer87{ width:87%;}
.spPer88{ width:88%;}
.spPer89{ width:89%;}
.spPer90{ width:90%;}
.spPer91{ width:91%;}
.spPer92{ width:92%;}
.spPer93{ width:93%;}
.spPer94{ width:94%;}
.spPer95{ width:95%;}
.spPer96{ width:96%;}
.spPer97{ width:97%;}
.spPer98{ width:98%;}
.spPer99{ width:99%;}
.spPer100{ width:100%;}


/*  ------------------------------------------------------------ */

/*スマホ用マージン*/

/*  ------------------------------------------------------------ */


.spmb0{margin-bottom:0 !important;}
.spmb05{margin-bottom:0.5rem !important;}
.spmb10{margin-bottom:1rem !important;}
.spmb15{margin-bottom:1.5rem !important;}
.spmb20{margin-bottom:2rem !important;}
.spmb25{margin-bottom:2.5rem !important;}
.spmb30{margin-bottom:3rem !important;}
.spmb35{margin-bottom:3.5rem !important;}
.spmb40{margin-bottom:4rem !important;}
.spmb45{margin-bottom:4.5rem !important;}
.spmb50{margin-bottom:5rem !important;}
.spmb55{margin-bottom:5.5rem !important;}
.spmb60{margin-bottom:6rem !important;}
.spmb65{margin-bottom:6.5rem !important;}
.spmb70{margin-bottom:7rem !important;}
.spmb75{margin-bottom:7.5rem !important;}
.spmb80{margin-bottom:8rem !important;}
.spmb85{margin-bottom:8.5rem !important;}
.spmb90{margin-bottom:9rem !important;}
.spmb95{margin-bottom:9.5rem !important;}
.spmb100{margin-bottom:10rem !important;}
.spmb105{margin-bottom:10.5rem !important;}
.spmb200{margin-bottom:20rem !important;}
.spmb300{margin-bottom:30rem !important;}


.spmt0{margin-top:0 !important;}
.spmt05{margin-top:0.5rem !important;}
.spmt10{margin-top:1rem !important;}
.spmt15{margin-top:1.5rem !important;}
.spmt20{margin-top:2rem !important;}
.spmt25{margin-top:2.5rem !important;}
.spmt30{margin-top:3rem !important;}
.spmt35{margin-top:3.5rem !important;}
.spmt40{margin-top:4rem !important;}
.spmt45{margin-top:4.5rem !important;}
.spmt50{margin-top:5rem !important;}
.spmt55{margin-top:5.5rem !important;}
.spmt60{margin-top:6rem !important;}
.spmt65{margin-top:6.5rem !important;}
.spmt70{margin-top:7rem !important;}
.spmt75{margin-top:7.5rem !important;}
.spmt80{margin-top:8rem !important;}
.spmt85{margin-top:8.5rem !important;}
.spmt90{margin-top:9rem !important;}
.spmt95{margin-top:9.5rem !important;}
.spmt100{margin-top:10rem !important;}
.spmt105{margin-top:10.5rem !important;}
.spmt200{margin-top:20rem !important;}
.spmt300{margin-top:30rem !important;}



/*  ------------------------------------------------------------ */


.spTxtS{ font-size:80%;}


/*  ------------------------------------------------------------ */

/*テーブル*/

/*  ------------------------------------------------------------ */

table.listTable{border-bottom:none;}

table.listTable th{ padding:0.6rem 0.5rem; line-height:1.4;}
table.listTable td{ padding:0.6rem 0.5rem;}



table.spVecticalList{ border-bottom:none;   }
table.spVecticalList td , table.spVecticalList th{ display:block; border-right: none; border-left:none;}
table.spVecticalList th{  width:96%; padding-left:2%; padding-right: 2%; }
table.spVecticalList td{width:96%; padding-left:2%;padding-right: 2%;}

table.noLine td, table.noLine th{ display:block;}
table.noLine th{ padding-bottom:0.3em; padding-right:0em; font-weight:500; width:100%;}
table.noLine td{ padding-bottom:1em; }


table.headListTable td ,table.headListTable th{ display:block; }



/*スクロール*/

.scroll table{width:100%;}

.scroll{overflow: auto; white-space: nowrap; -webkit-overflow-scrolling: touch;}
.scroll::-webkit-scrollbar{ height: 5px;}
.scroll::-webkit-scrollbar-track{ background: #F1F1F1;}
.scroll::-webkit-scrollbar-thumb { background: #BCBCBC;}



/*  ------------------------------------------------------------ */

/*スマホ用リンクボタン*/

/*  ------------------------------------------------------------ */


.spBtn{ font-weight:500; line-height:1.4;}

.spBtn a:before,
ul.spBtn li a:before{ display:none; }

.spBtn a{ text-decoration:none;}

ul.spBtn li{	margin-bottom:4px; line-height:1.4;}
ul.spBtn li:last-child{  margin-bottom:0em}
.spBtn{	margin-bottom:4px;}



.links.btnSQ.spBtn li,
ul.spBtn li,
.spBtn,
.spBtn.btnSQ{
	text-align:center;
	text-indent:0;
	padding-left:0;
	box-sizing:border-box;
	border-radius: 3px;
}


.spBtn a{
	padding:0.8em 1.4em 0.8em 2em;
	display:block;
	background-image:url(https://www.crystal-honmachi.com/images/common/btnR_wh.svg) ;
	background-position:7px center;
	background-repeat: no-repeat;
	background-size: 1.4em;
}


.btnSQ a{ 
background-image:url(https://www.crystal-honmachi.com/images/common/btnSQ_wh.svg) ;
}

.spBtn .btnTEL a, 
.btnTEL a,
.spBtn .btnyoyakuTEL a{
	padding:14px 1em 14px 2em;
	background-image:url(https://www.crystal-honmachi.com/images/common/btnTEL_wh.svg);
	background-size: 2em;
	background-position:0.8rem center;

}


.links.spBtn li,
.link.spBtn {
	background-color:#999999;
}

ul.links.spBtn{ background:none;}






/*  ------------------------------------------------------------ */

/*wordpress*/

/*  ------------------------------------------------------------ */


.wpcontents  img.alignleft{float: none; margin-left:auto; margin-right:auto;clear:both;display:block; width:100%;}
.wpcontents  img.alignright{float: none; margin-left:auto; margin-right:auto;clear:both;display:block; width:100%;}





/*  ------------------------------------------------------------ */

/*ボーダー囲みブロック*/

/*  ------------------------------------------------------------ */

.borderBlock{ border: 7px solid ;}


.borderBlock h4, .borderBlock .sq{ margin-top:0rem;} 
.borderBlock ul:last-child{ margin-bottom:0rem;}


/*  ------------------------------------------------------------ */

/*フッター*/

/*  ------------------------------------------------------------ */


#pagetop{ width:60px; height:60px; right:10px; padding-bottom: 10px;  }




/*  ------------------------------------------------------------ */

/*その他共通要素*/

/*  ------------------------------------------------------------ */


.dotline{ margin-bottom:1.5rem; padding-bottom:1.5em;}




}


/*  ------------------------------------------------------------ */

/*スマホサイズ別調整*/

/*  ------------------------------------------------------------ */




@media screen and (max-width: 310px) {
.noneSPSS{ display:none;}

}



@media screen and (max-width: 321px) {
.noneSE{ display:none;}

}

	
/* SP S */
@media screen and (max-width: 321px) {
.is_SPS{ display:block;}	
}

/* SP M */
@media screen and (max-width: 375px) {
.is_SPM{ display:block;}	
}