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

/******************************************
基本設定
*******************************************/
html{
font-size:14px;
}



/******************************************
ヘッダ
*******************************************/
header {
	width: 100%;
	background-color: #fafafa;
	background-image: none;
}
/******************************************
メインバナー
*******************************************/
#mainImg {
	margin: 0 auto;
	padding: 10px 2%;
	width: 100%;
}
#mainImg .IJClogo img {
	margin-top: 15px;
	margin-left: 15px;
	width: 150px;
}    
	

/* スライダー **************/
.fade h1 {
    font-size: 1rem;
    bottom: 5px;
}    




/******************************************
メイン
*******************************************/
main {
	width: 100%;
	background-color: #fafafa;	background-image: none;
}



/******************************************
グローバルナビ
*******************************************/
#globalNav {
    position: inherit;
}

/******************************************
メガメニュー（megamenu.js）
*******************************************/

.menu-container {
	width: 100%;
	font-size: 1.2rem;
}
.menu-mobile {
	display: block;
}
.menu-dropdown-icon:before {
	display: block;
}
.menu > ul {
	display: none;
	border-top: 1px solid #FFF;
}
.menu > ul > li {
	width: 100%;
	float: none;
	display: block;
	border-top: 1px solid #CCC;
	border-right:none;
    border-bottom: none;
    text-align: left;
}
.menu > ul > li a {
	padding: 10px 20px;
	width: 100%;
	display: block;
    border-bottom: none;
}
.menu > ul > li a.act {
    border-bottom: none;
    border-left: 8px solid #e75f15;
}
.menu > ul > li a:hover {
    border-bottom: none;
    border-left: 8px solid #e75f15;
}



.menu > ul > li > ul {
	position: relative;
    background: #EEE;       /* プルダウン */
	box-shadow: none;
}
.menu > ul > li > ul.normal-sub {
	padding-top: 25px;
	width: 100%;
}
.menu > ul > li > ul > li {
	float: none;
	width: 100%;
	margin-top: 7px;   /* ★2階層目の行間 */
}
.menu > ul > li > ul > li:first-child {
	margin: 0;
}
.menu > ul > li > ul > li > ul {
	position: relative;
	height: inherit;
}
.menu > ul > li > ul > li > ul > li {
	float: none;
}
.menu .show-on-mobile {
	display: block;
}


.menu > ul > li > ul.normal-sub > li a {
    margin-top: -10px;
}








/******************************************
フッタ
*******************************************/
/* ページトップスクロール
*******************************************/
#pageTop {
    bottom: 110px;
    right: 20px;
}
/* フッタ
*******************************************/
footer {
	margin-bottom: 60px;
	width: 100%;
	height: 150px;
	background-image: url(../img/footer_bkgnd_smartphone.png);
	background-repeat: repeat-x;
	background-position: top;
}

div#signature {
	margin-top: 20px;
	margin-right: 0px;
	padding-top: 10px;
	border-top: 1px solid #DDD;
	float: none;
	clear:  both;
}



    
/******************************************
予約リンク（固定）
*******************************************/
div#spLink {
    visibility: visible;
    position: fixed;
    left: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    height: 90px;
}
div#spLink div.yoyakuLink {
    margin: 0 auto;
    width: 96%;
}

div#spLink p a.webYoyaku {
	width: 42%;
}
div#spLink p a.phoneYoyaku {
	width: 55%;
}





/******************************************
*******************************************
ランディングページ
*******************************************
*******************************************/

/******************************************
メイン部分
*******************************************/
#main {
    width: 96%;
}

/******************************************
コンテンツ
*******************************************/

#contents {
    width: 96%;
    float: none;
}
#contents h1 {
    font-size: 1.5rem;
}
#contents section h1 {
    font-size: 1.3rem;
}

#contents section h2 {
    font-size: 1.2rem;
}
#contents section h3 {
    font-size: 1.2rem;
}
#contents section h4 {
    font-size: 1.05rem;
}

/* リスト **************/
#contents section ul {
    font-size: 1rem;
}




/* テーブル **************/
#contents table th {
    padding: 4px 4px;
    white-space: nowrap;
}
#contents table td {
    padding: 4px 4px;
}





/* イラスト
********************/
.fullFig {
}
.centerFig {
}
.leftFig {
}
.rightFig {
}
/* PCで左スマホで中央 */
.rightCenterFig {
	margin-left: 0;
	width: 100%;
	text-align:center;
	float: none;
}





/* 痔でお悩みの方へ
*******************************************/
section#c01 ul {
	padding: 0.5em 0.5em;
	    font-size: 1.1rem;
}
section#c01 ul li {
}





/* 痔の治療
*******************************************/

/* アコーディオンメニュー */
.accordion {
    width: 100%;
}
.accordion-title {
}
.accordion-content {
    padding: 10px 2%;
}



/* 施設案内
*******************************************/



/* Q＆A
*******************************************/
/* アコーディオンメニューB（Q＆A） */
.accordionB {
    width: 100%;
}








/* 施設案内
*******************************************/
section#c04 h2 {
}
section#c04 img {
	width: 40%;
	margin-bottom: 5px;
}





/* 共通ボタン表現
********************/
.cmnBtn a {
	width: 90%;
}




















/* 図版（キャプション付可） **************/
figure.single {
    flex-basis: 100%;
}
figure.double {
    flex-basis: 100%;
}




/* アクセスマップ **************/
iframe.gMap {
    height: 400px;

}

/* スマホのみ改行
********************************************/
.br-sp {display: block; }



/* 装飾系
********************************************/


.w100par {width: 100% !important;}
.w90par  {width: 100% !important;}
.w80par  {width: 100% !important;}
.w75par  {width: 100% !important;}
.w70par  {width: 90% !important;}
.w60par  {width: 80% !important;}
.w50par  {width: 70% !important;}
.w40par  {width: 60% !important;}
.w30par  {width: 50% !important;}
.w25par  {width: 40% !important;}
.w20par  {width: 30% !important;}
.w10par  {width: 20% !important;}





/* 予約フォーム
*******************************************/



/* 新予約フォーム用 ***************/
.formTable th {
    width: 5em;
	line-height: 1.2;
}

/* フォームのデザイン */
.formTable input.textField {
	width: 100%;
}
.formTable select {
	padding: 0 0.2em;
}
.formTable textarea {
	width: 100%;
}