@charset "utf-8";



/*
 * セールアイテム
 * CLIGRAM
 */
.ito-sale-item.off-20:before{
	content:"";
	position:absolute;
	background:url("../2025/12/off-20.png") no-repeat top right;
	background-size:contain;
	border:solid 1px #fa8186;
	border-radius:100%;
	height:60px;
	width:60px;
	top:-1em;
	right:-0.5em;
}
.ito-sale-item{
	padding:1.5em;
	margin:1.5em 0 4em;
	border: solid 1px #e7e2d4;
	background: rgba(252, 250, 240, 1);
	box-shadow:0 0 3px rgba(0,0,0,0.1);
	border-radius:0.3em;
	position:relative;
}
.ito-sale-item > dl{
	padding:0;
	margin:0;
}
.ito-sale-item > dl > dt{
	padding:0;
	margin:0 0 0.5em;
	color: #826400;
}
.sp .ito-sale-item > dl > dt{
	text-align:center;
}
.ito-sale-item > dl > dd{
	padding:0;
	margin:0;
}
.ito-sale-item > dl > dd div.item-container{
	margin:0.5em -1em;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
	align-content: stretch;
	align-items: center;
}
.ito-sale-item > dl > dd div.item-container div.item{
	padding:0.5em;
	margin:0.5em;
	border-radius:30em;
	background: #fff;
	color: #826400;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
	text-align:center;
}
.pc .ito-sale-item > dl > dd div.item-container div.item{
	width:calc(33.3% - 2em);
}
.sp .ito-sale-item > dl > dd div.item-container div.item{
	width:calc(100% - 2em);
}
.ito-sale-item > dl > dd p.message-bottom{
	margin:0;
	color: #826400;
}
.sp .ito-sale-item > dl > dd p.message-bottom{
	text-align:center;
}



/*
 * バナー
 * 自費診療
 */
.widget-banner-jihi{
	position:relative;
}
.widget-banner-jihi:before{
	content:"";
	position:absolute;
	background:url("../2025/08/kazari_jihi_tl.png") no-repeat top left;
	background-size:contain;
	height:2em;
	width:2em;
	top:0;
	left:0;
	z-index:2;
	pointer-events:none;
}
.widget-banner-jihi:after{
	content:"";
	position:absolute;
	background:url("../2025/08/kazari_jihi_br.png") no-repeat bottom right;
	background-size:contain;
	height:2em;
	width:2em;
	bottom:0;
	right:0;
	z-index:2;
	pointer-events:none;
}
.widget-banner-jihi a{
	padding:1em 5em 1em 0.5em;
	min-height:4em;
	border:solid 1px #e7e2d4;
	background:rgba(252,250,240,1);
	position:relative;
	z-index:1;
	text-decoration:none;
	overflow:hidden;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
	align-content: stretch;
	align-items: center;
}
.sp .widget-banner-jihi a{
	padding:1em 5em 1em 1em;
	min-height:5em;
}
.widget-banner-jihi a:before{
	content:"";
	position:absolute;
	background:url("../2025/08/jihi_banner.png") no-repeat top right;
	background-size:contain;
	height:115%;
	width:115%;
	bottom:-10px;
	right:-10px;
	z-index:-1;
}
.widget-banner-jihi a:hover{
	opacity:0.8;
}
.widget-banner-jihi a dl{
	padding:0;
	margin:0;
	width:100%;
	z-index:1;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
	align-content: stretch;
	align-items: center;
}
.widget-banner-jihi a dl dt{
	padding:0;
	margin:0 0 0.1em;
}
.widget-banner-jihi a dl dt div.title{
	font-weight:bold;
	color:#ff677e;
	font-size:116%;
	display:inline-block;
}
.sp .widget-banner-jihi a dl dt div.title{
	padding-right:1em;
}
.widget-banner-jihi a dl dd{
	padding:0;
	margin:0;
}
.widget-banner-jihi a dl dd span{
	display:inline-block;
	font-weight:bold;
	color:#826400;
}



/*
 * 自費診療
 */
.jihi-menu{
	margin:1.5em 0 3.5em;
}
.jihi-menu img{
	vertical-align:bottom;
}
.jihi-menu > dl{
	padding:0;
	margin:0;
}
.jihi-menu > dl:not(:last-of-type){
	padding-bottom:2em;
	margin-bottom:2em;
	border-bottom:dashed 1px #ddd;
}
.jihi-menu > dl > dt{
	padding:0;
	margin:0 0 1em;
}
.jihi-menu > dl > dt div.title{
	font-size:138.5%;
	font-weight:bold;
	color:#ff677e;
}
.sp .jihi-menu > dl > dt div.title{
	line-height:1.3em;
}
.jihi-menu > dl > dt div.title span.hosoku{
	font-weight:normal;
	font-size:75%;
}
.jihi-menu > dl > dd{
	padding:0;
	margin:0;
}
.pc .jihi-menu > dl > dd div.banner-link{
	width:calc(50% - 10px);
}

.jihi-menu > dl > dd div.banner-link a:hover{
	opacity:0.8;
}
.jihi-menu > dl div.separater{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
	align-content: stretch;
	align-items: stretch;
}

.jihi-menu > dl div.separater dd.kouka-list{
	padding:0;
	margin:0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
	align-content: stretch;
	align-items: stretch;
}
.pc .jihi-menu > dl div.separater dd.kouka-list{
	width:60%;
}
.sp .jihi-menu > dl div.separater dd.kouka-list{
	margin-right:-10px;
	margin-bottom:10px;
}

.jihi-menu > dl div.separater dd.kouka-list span{
	padding:5px 10px;
	margin-right:10px;
	margin-bottom:10px;
	width:calc(50% - 30px);
	display:block;
	background:#f9f9f9;
	color:#826400;
	box-shadow:0 0 1px rgba(0,0,0,0.4);
	text-align:center;
	border-radius:3px;
}
.jihi-menu > dl div.separater dd.price{
	padding:0;
	margin:0;
	display: flex;
	align-items: center;
	justify-content:center;
}
.pc .jihi-menu > dl div.separater dd.price{
	width:40%;
}
.sp .jihi-menu > dl div.separater dd.price{
	width:100%;
}

.jihi-menu > dl div.separater dd.price dl{
	padding:0;
	margin:0;
	width:100%;
}
.pc .jihi-menu > dl div.separater dd.price dl{
	margin:0 10px;
	width:calc(100% - 20px);
}
.jihi-menu > dl div.separater dd.price dl dt{
	padding:0;
	margin:0 0 10px;
	width:100%;
	text-align:center;
	background:rgba(250,244,228,1);
}
.jihi-menu > dl div.separater dd.price dl dd{
	padding:0;
	margin:0;
	width:100%;
	text-align:center;
}
.jihi-message-bottom{
	padding:2em 0 2em 6.5em;
	border-top:solid 1px #e7e2d4;
	border-bottom:solid 1px #e7e2d4;
	position:relative;
}
.jihi-message-bottom:before{
	content:"";
	position:absolute;
	background:url("../2025/08/doctor_illust.png") no-repeat top left;
	background-size:contain;
	height:6em;
	width:6em;
	top:50%;
	left:0;
	margin-top:-3em;
}




/*
 * CLIGRAM
 */
.banner-cligram a{
	display:block;
	text-decoration:none;
}
.banner-cligram a div.event-message{
	padding:0.2em;
	background:#95a6ae;
	border-top:solid 5px #eae301;
	border-bottom:solid 1px #eae301;
	text-align:center;
	color:#fff;
	text-shadow:0 1px 1px rgba(0,0,0,0.4);
	position:relative;
}
.banner-cligram a div.event-message:before{
	content:"";
	position:absolute;
	background:url("../2025/12/winter-illust-white.png") no-repeat top left;
	background-size:contain;
	height:24px;
	width:24px;
	bottom:2px;
	left:2px;
}
.banner-cligram a div.event-message:after{
	content:"";
	position:absolute;
	background:url("../2025/12/winter-illust-white.png") no-repeat top right;
	background-size:contain;
	height:24px;
	width:24px;
	bottom:2px;
	right:2px;
}
.banner-cligram a div.event-message span.season{
	font-size:85%;
}
.banner-cligram a div.event-message span.percent{
	margin-right:-0.1em;
	font-size:110%;
	font-weight:bold;
}
.banner-cligram a div.event-message span.off{
	letter-spacing:0.1em;
}

.banner-cligram a:hover{
	opacity:0.8;
}
.cligram-news a:before{
	content:"NEWS";
	position:absolute;
	height:30px;
	width:30px;
	border-radius:100%;
	top:-5px;
	left:-5px;
	background:#eae301;
	font-size:60%;
	color:#95a6ae;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index:2;
}
.cligram-news a:after{
	content: "";
	position: absolute;
	top:6px;
	left:9px;
  	width: 0;
  	height: 0;
	border-style: solid;
  	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
  	border-left: 20px solid #eae301;
	border-right: 0;
 	transform: rotate(35deg);
}
.cligram-syoukai-container{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
	align-content: stretch;
	align-items: stretch;
	margin:1.5em 0;
}
.pc .cligram-syoukai-wrap{
	width:calc(50% - 10px);
}
.pc .cligram-syoukai-wrap:nth-of-type(odd){
	margin-right:20px;
}
.pc .cligram-syoukai-wrap .cligram-letter{
	letter-spacing:-0.02em;
}
.sp .cligram-syoukai-wrap:first-of-type{
	margin-bottom:1.5em;
}

.cligram-syoukai-wrap.banners a.gaibu{
	position:relative;
}
.cligram-syoukai-wrap.banners a.gaibu:before{
	content:"（外部リンク）";
	position:absolute;
	bottom:-1.75em;
	right:0;
	font-size:70%;
	color:#333;
}
.cligram-syoukai-wrap.banners p{
	margin-bottom:0.4em;
}
.cligram-news a{
	display:block;
	padding:1em;
	text-align:center;
	text-decoration:none;
	background:#95a6ae;
	color:#fff;
	border-bottom:solid 6px #eae301;
	position:relative;
}
.cligram-message-container{
	padding-top:2.5em;
	margin-top:2.5em;
	border-top:dashed 1px #ddd;
}
.cligram-photo{
	margin-top:2.5em;
}
.cligram-photo a:hover,
.cligram-syoukai-wrap a:hover{
	opacity:0.8;
}


/*
 * サイトディスクリプション
 * 問診票
 */
.description-monshin-dl dl{
	padding:0;
	margin:0;
}
.description-monshin-dl dl dt{
	padding:0;
	margin:0;
	display:inline;
}
.description-monshin-dl dl dd{
	padding:0;
	margin:0;
	display:inline;
}



/*
 * ホームウィジェット
 * 問診票ダウンロード
 */
.home-monshin-dl dl dd a{
	padding:10px;
	width:calc(100% - 22px);
	height:calc(100% - 22px);
	border:solid 1px #ddd;
	border-radius: 5px;
	background:linear-gradient(180deg, #f7b74c, #f39800);
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	text-shadow: 1px 1px #f38300;
	position:relative;
}
.home-monshin-dl dl dd a:hover{
	background:linear-gradient(180deg, #f39800, #f7b74c);
}
.home-monshin-dl dl dd a:before{
	content:"";
	position:absolute;
	left:0.6em;
	top:50%;
	margin-top:-8px;
	background:#fff;
	border-radius:100px;
	display:block;
	height:16px;
	width:16px;
	z-index:100;
}
.home-monshin-dl dl dd a:after{
	content:"";
	position:absolute;
	left:0.95em;
	top:50%;
	width: 0;
	height: 0;
	margin-top:-4px;
	border-style: solid;
	border-width: 4px 0 4px 7px;
	border-color: transparent transparent transparent #f39800;
	z-index:200;
}
.home-monshin-dl dl{
	padding:0;
	margin:0 0 0.2em;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
	align-content: stretch;
	align-items: stretch;
}
.home-monshin-dl dl dt{
	padding:0;
	margin:0;
	color:#f39800;
	font-weight:bold;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pc .home-monshin-dl dl dt{
	margin-right:1em;
	width:calc(50% - 0.5em);
}
.sp .home-monshin-dl dl dt{
	margin-bottom:0.75em;
	width:100%;
}
.pc .home-monshin-dl dl dt p.title-message{
	margin:0;
	font-size:93%;
}
.sp .home-monshin-dl dl dt p.title-message{
	margin:0;
	font-size:85%;
}
.home-monshin-dl dl dd{
	padding:0;
	margin:0;
}
.pc .home-monshin-dl dl dd{
	width:calc(50% - 0.5em);
}
.sp .home-monshin-dl dl dd{
	width:100%;
}


/*
 * 問診票ダウンロード
 */
.monshin-dl{
	margin:1.5em 0;
	position:relative;
}
.monshin-dl:before{
	content:"";
	position:absolute;
	background:url("../2024/05/pdf_icon.png") no-repeat right;
	background-size:contain;
	height:24px;
	width:24px;
	top:50%;
	right:0.3em;
	margin-top:-12px;
	z-index:1;
}
.monshin-dl.normal a:after{
	content:"";
	position:absolute;
	background:url("../2024/05/thumb_normal.png") no-repeat right;
	background-size:contain;
	height:5em;
	width:5em;
	top:50%;
	right:1em;
	margin-top:-2.6em;
	transform: rotate(10deg);
}
.monshin-dl.school a:after{
	content:"";
	position:absolute;
	background:url("../2024/05/thumb_school.png") no-repeat right;
	background-size:contain;
	height:5em;
	width:5em;
	top:50%;
	right:1em;
	margin-top:-2.6em;
	transform: rotate(10deg);
}
.monshin-dl a{
	padding:1em 1em 1em 3.5em;
	border-radius:0.2em;
	box-shadow:1px 1px 3px rgba(0,0,0,0.2);
	display:block;
	background:#efefef;
	text-decoration:none;
	font-weight:bold;
	color:#333;
	position:relative;
}
.monshin-dl a:before{
	content:"";
	position:absolute;
	background:url("../2024/05/dl_icon.png") no-repeat;
	background-size:contain;
	height:2em;
	width:2em;
	top:50%;
	left:0.5em;
	margin-top:-1em;
}
.monshin-dl a:hover{
	opacity:0.8;
}
.pc .monshin-dl{
	width:50%;
}



/*
 * サイドウィジェット
 * 問診票
 */
.side-monshin-dl a{
	display:block;
	text-decoration:none;
	background:#f9f9f9;
	border-radius:5px;
	border:solid 1px #ddd;
}
.side-monshin-dl a:hover{
	opacity:0.8;
}
.side-monshin-dl dl{
	padding:0;
	margin:0;
}
.side-monshin-dl dl dt{
	padding:0.3em;
	margin:0;
	border-radius:5px 5px 0 0;
	border-bottom:solid 1px #ddd;
	text-align:center;
	background:#f39800;
	color:#fff;
	font-weight:bold;
	font-size:1.05em;
	text-shadow: 1px 1px #f38300;
}
.side-monshin-dl dl dd{
	padding:0.5em;
	margin:0;
	color:#333;
}
.side-monshin-dl dl dd ul{
	padding:0;
	margin:0;
}
.side-monshin-dl dl dd ul li{
	padding: 0 0 0 1em;
	list-style:none;
	color:#f38300;
	font-weight:bold;
	position:relative;
}
.side-monshin-dl dl dd ul li:before{
	content:"";
	position:absolute;
	height:0.3em;
	width:0.3em;
	background:#f39800;
	top:50%;
	left:0.25em;
	margin-top:-0.15em;
}
.side-monshin-dl dl dd.target{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
	align-content: stretch;
	align-items: stretch;
}
.side-monshin-dl dl dd.target .target-wrap:first-of-type{
	width:calc(100% - 16px);
}
.side-monshin-dl dl dd.target .target-wrap:last-of-type{
	width:16px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.side-monshin-dl dl dd.caption{
	border-top:dashed 1px #ddd;
}
.side-monshin-dl dl dd.caption p{
	margin:0;
}
.pc .side-monshin-dl dl dd.caption p{
	font-size:85%;
}


/*
 * テーマ 調整
 */
.page.w9-lt16 #contents{
	 padding-bottom:2.5em;
}


/*
 * ウィジェット
 * 並び替え
 */
.home.w9-lt16 #side-r{
	display: flex;
	flex-direction: column;
}
.home.w9-lt16 #side-r #search{
	order:2;
}
.home.w9-lt16 #side-r #mobile{
	order:3;
}
.home.w9-lt16 #side-r #side-second-widget{
	order:1;
}
.page.w9-lt16 #side-l{
	display: flex;
	flex-direction: column;
}
.page.w9-lt16 #side-l #navi-main{
	order:1;
}
.page.w9-lt16 #side-l #side-first-widget{
	order:2;
}
.page.w9-lt16 #side-l #search{
	order:4;
}
.page.w9-lt16 #side-l #mobile{
	order:5;
}
.page.w9-lt16 #side-l #side-second-widget{
	order:3;
}






/*
 * 共通
 * 改行調整
 */
.pc .br-pc{
	display:block;
}




/*
 * 装飾
 * 新しいコンテンツ「NEW」
 */
.new-contents-wrap{
	position:relative;
}
.new-contents-wrap:before{
	content:"NEW";
	position:absolute;
	height:1.5em;
	width:3.5em;
	background: -moz-linear-gradient(top, #ff98a7, #ff677e); 
	background: -webkit-linear-gradient(top, #ff98a7, #ff677e); 
	background: linear-gradient(to bottom, #ff98a7, #ff677e); 
	border-radius:0.3em;
	color:#fff;
	font-size:60%;
	top:-0.5em;
	left:-0.5em;
	display: flex;
	align-items: center;
	justify-content: center;
	text-shadow:0 1px 2px rgba(0,0,0,0.2);
	box-shadow:0 0 3px rgba(0,0,0,0.2);
	z-index:1;
	pointer-events:none;
}


/*
 * 施設紹介
 */
.ito-shisetsu-photo-wrap{
	margin-bottom:15px;
}


/*
 * 医療設備紹介
 */
dl.photo-setumei{
	margin-bottom:3em;
}

.iryou-setsubi-rireki{
	margin-top:1.5em;
}
.iryou-setsubi-rireki .setsubi-name{
	margin:0 0 0.25em;
}
.iryou-setsubi-rireki table{
	padding:0;
	margin:0;
	border-top:solid 1px #ddd;
}
.sp .iryou-setsubi-rireki{
	margin-bottom:2.5em;
}
.iryou-setsubi-rireki table th,
.iryou-setsubi-rireki table td{
	border:none;
	padding:0.5em;
	font-size:85%;
	border-bottom:solid 1px #ddd !important;
}
.setsubi-title{
	padding:0 0 0.25em 0;
	margin-bottom:0.75em;
	font-weight:bold;
	font-size:108%;
	border-bottom:dashed 1px #ddd;
}
.sp .setsubi-title{
	margin-top:0.5em !important;
}
.setsubi-sentence p{
	margin-bottom:0.5em;
}
.setsubi-mini-title{
	font-weight:bold;
	color:#ff677e;
}


/*
 * キャッシュレス対応
 */
.ito-eye-cashless-container{
	margin-top:1.5em;
}
.ito-eye-cashless-wrap:not(:last-of-type){
	padding-bottom:2.5em;
	margin-bottom:2.5em;
	border-bottom:dashed 1px #ddd;
}

.ito-eye-cashless-wrap dl{
	padding:0;
	margin:0;
}
.ito-eye-cashless-wrap dl dt{
	padding:0;
	margin:0 0 1em;
	font-weight:bold;
	font-size:116%;
}
.ito-eye-cashless-wrap dl dd{
	padding:0;
	margin:0;
}
.cashless-services-container{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
	align-content: stretch;
	align-items: stretch;
}
.cashless-services-wrap{
	width:50%;
}
.cashless-services-wrap:last-of-type{
    display: flex;
    align-items: center;
    justify-content: center;
}
.cashless-services-wrap:last-of-type img{
	width:100%;
	vertical-align:bottom;
}




/*
 * キャッシュレス対応
 * バナー
 */
.ito-side-banner-cashless{
	position:relative;
}
.ito-side-banner-cashless:before{
	content:"";
	position:absolute;
	background:url("../2023/05/cashless_icon.png") no-repeat;
	background-size:contain;
	transform: rotate(15deg);
	height:2.5em;
	width:2.5em;
	top:-0.1em;
	left:100%;
	margin-left:-2.2em;
	z-index:1;
	pointer-events:none;
}
.ito-side-banner-cashless p{
	margin:0px;
	text-align:center;
}

.ito-side-banner-cashless a{
	background:linear-gradient(180deg, #a9d6f0, #71a6e2);
	text-decoration:none;
	display:block;
	border-radius:5px;
	padding:1.4em 1em 1.4em 1.6em;
	color:#fff;
	font-weight:bold;
	font-size:1.05em;
	border:solid 1px #ddd;
	text-shadow: 1px 1px #71a6e2;
	position:relative;
}

.ito-side-banner-cashless a:hover{
	background:linear-gradient(180deg, #71a6e2, #a9d6f0);
}

.ito-side-banner-cashless a:before{
	content:"";
	position:absolute;
	left:0.6em;
	top:50%;
	margin-top:-8px;
	background:#fff;
	border-radius:100px;
	display:block;
	height:16px;
	width:16px;
	z-index:100;
}

.ito-side-banner-cashless a:after{
	content:"";
	position:absolute;
	left:0.95em;
	top:50%;
	width: 0;
	height: 0;
	margin-top:-4px;
	border-style: solid;
	border-width: 4px 0 4px 7px;
	border-color: transparent transparent transparent #71a6e2;
	z-index:200;
}




/*
 * メニュー「NEW」
 */
#navi-main-list .menu-item-24,
#navi-main-list .menu-item-79{
	position:relative;
}
#navi-main-list .menu-item-24:before,
#navi-main-list .menu-item-79:before{
	content:"NEW";
	position:absolute;
	height:1.5em;
	width:3.5em;
	background: -moz-linear-gradient(top, #ff98a7, #ff677e); 
	background: -webkit-linear-gradient(top, #ff98a7, #ff677e); 
	background: linear-gradient(to bottom, #ff98a7, #ff677e); 
	border-radius:0.3em;
	color:#fff;
	font-size:60%;
	top:50%;
	left:100%;
	margin-top:-0.75em;
	margin-left:-3.5em;
	display: flex;
	align-items: center;
	justify-content: center;
	text-shadow:0 1px 2px rgba(0,0,0,0.2);
	box-shadow:0 0 3px rgba(0,0,0,0.2);
	z-index:1;
	pointer-events:none;
}






/*
 * コンタクトレンズ
 */
.contact-first-time-container{
	padding:1em 1.5em;
	margin:2.5em 0 1.5em !important;
	background:#f9f9f9;
	border-radius:0.3em;
	box-shadow:0 0 2px rgba(0,0,0,0.3);
	position:relative;
}
.sp .contact-first-time-container{
	padding:1em;
}
.contact-first-time-container:before{
	content:"";
	position:absolute;
	background:url("../2023/04/16-oclock.png") no-repeat;
	background-size:contain;
	height:11em;
	width:11em;
	top:100%;
	left:100%;
	margin-top:-11.5em;
	margin-left:-11.5em;
	opacity:0.1;
}

.contact-first-time-container > dl{
	padding:0;
	margin:0;
}
.contact-first-time-container > dl > dt{
	padding:0 3em 0.25em 0;
	margin:0 0 1em;
	color:#00c1c1;
	font-weight:bold;
	font-size:123.1%;
	border-bottom:dashed 1px #00c1c1;
	position:relative;
}
.contact-first-time-container > dl > dt:before{
	content:"";
	position:absolute;
	background:url("../2023/04/contact-icon.png") no-repeat top right;
	background-size:contain;
	height:3em;
	width:3em;
	top:-0.5em;
	left:100%;
	margin-left:-3em;
}
.sp .contact-first-time-container > dl > dt:before{
	top:0;
}
.contact-first-time-container > dl > dd{
	padding:0;
	margin:0 0 1em;
}
.contact-first-time-container > dl > dd:first-of-type p{
	margin:0;
}
div.contact-first-time-example{
	margin:1em 0;
}
div.contact-first-time-example > dl{
	padding:0;
	margin:0;
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content:stretch;
	align-content: stretch;
	align-items: stretch;
}
div.contact-first-time-example > dl > dt{
	padding:0;
	margin:0;
	width:2em;
	color:#00c1c1;
}
div.contact-first-time-example > dl > dd{
	padding:0;
	margin:0;
	width:calc(100% - 2em);
}


/*
 * フォントカラー
 */
.color-pink{
	color:#ff677e;
}
.color-light-blue{
	color:#00c1c1;
}
.color-orange{
	color:#f38300;
}

/*
 * 改行調整
 * ボールド
 */
.adjust{
	display:inline-block;
}
.weight-up{
	font-weight:bold;
}


/*
 * 米印
 */
.ito-kome:before{
	content:"※";
	display:block;
	float:left;
	margin-left:-1.2em;
	width:1em;
	font-family:monospace;
}
.ito-kome {
	padding-left:1.2em;
}



/*
 * 米印
 */
.ito-kome:before{
	content:"※";
	display:block;
	float:left;
	margin-left:-1.2em;
	width:1em;
	font-family:monospace;
}
.ito-kome {
	padding-left:1.2em;
}


/*
 * 取扱いコンタクトレンズ
 * バナー
 */

.ito-side-banner-contactlens p{
	margin:0px;
	text-align:center;
}

.ito-side-banner-contactlens a{
	background:linear-gradient(180deg, #a0e1e1, #64c8c8);
	text-decoration:none;
	display:block;
	border-radius:5px;
	padding:1.4em 1em 1.4em 1.6em;
	color:#fff;
	font-weight:bold;
	font-size:1.05em;
	border:solid 1px #ddd;
	text-shadow: 1px 1px #64c8c8;
	position:relative;
}

.ito-side-banner-contactlens a:hover{
	background:linear-gradient(180deg, #64c8c8, #a0e1e1);
}

.ito-side-banner-contactlens a:before{
	content:"";
	position:absolute;
	left:0.6em;
	top:50%;
	margin-top:-8px;
	background:#fff;
	border-radius:100px;
	display:block;
	height:16px;
	width:16px;
	z-index:100;
}

.ito-side-banner-contactlens a:after{
	content:"";
	position:absolute;
	left:0.95em;
	top:50%;
	width: 0;
	height: 0;
	margin-top:-4px;
	border-style: solid;
	border-width: 4px 0 4px 7px;
	border-color: transparent transparent transparent #64c8c8;
	z-index:200;
}


/*
 * コンタクトレンズ
 */

#contactlens-list table,
#contactlens-list table th,
#contactlens-list table td{
	padding:0;
	margin:0;
	border:solid 1px #ddd;
}
#contactlens-list table{
	margin-top:1.5em;
	width:100%;
}
#contactlens-list table span.adjust{
	display:inline-block;
}
#contactlens-list table tr th:first-child{
	width:10%;
	padding
}
#contactlens-list table tr th:nth-child(2){
	width:20%;
}
#contactlens-list table tr.cepalater{
	border-top:solid 3px #ccc;
}
#contactlens-list table tr.koumoku th{
	padding:0.25em;
	background:#eee;
	color:#888;
	font-weight:normal;
}
#contactlens-list table th{
	padding:1em;
	text-align:center;
}
#contactlens-list table td{
	padding:1.5em;
	text-align:center;
}
.sp #contactlens-list table td{
	padding:0.5em;
}
#contactlens-list table tr td:last-child{
	text-align:left;
}
#contactlens-list table td.alcon{
	background:#806000;
	font-weight:bold;
	color:#fff;
}
#contactlens-list table td.cooper{
	background:#ffff01;
	font-weight:bold;
}
#contactlens-list table td.jj{
	background:#02b1f0;
	font-weight:bold;
}
#contactlens-list table td.menicon{
	font-weight:bold;
}

dl.contact-info-sentnece{
	padding:0;
	margin:0;
}
dl.contact-info-sentnece > dt{
	padding:0 0 0 1em;
	margin:0;
	position:relative;
}
dl.contact-info-sentnece > dt:before{
	content:"";
	position:absolute;
	height:0.6em;
	width:0.6em;
	background:#00c1c1;
	border-radius:100%;
	top:0.5em;
	left:0;
}
dl.contact-info-sentnece > dd{
	padding:0 0 0 1em;
	margin:0;
}



/*
 * 土曜日の診療について
 */

.ito-side-banner-sat p{
	margin:0px;
	text-align:center;
}

.ito-side-banner-sat a{
	background:linear-gradient(180deg, #ff98a9, #ff677e);
	text-decoration:none;
	display:block;
	border-radius:5px;
	padding:1.4em 1em 1.4em 1.6em;
	color:#fff;
	font-weight:bold;
	font-size:1.15em;
	border:solid 1px #ddd;
	text-shadow: 1px 1px #ff677e;
	position:relative;
}

.ito-side-banner-sat a:hover{
	background:linear-gradient(180deg, #ff677e, #ff98a9);
}

.ito-side-banner-sat a:before{
	content:"";
	position:absolute;
	left:0.6em;
	top:50%;
	margin-top:-8px;
	background:#fff;
	border-radius:100px;
	display:block;
	height:16px;
	width:16px;
	z-index:100;
}

.ito-side-banner-sat a:after{
	content:"";
	position:absolute;
	left:0.95em;
	top:50%;
	width: 0;
	height: 0;
	margin-top:-4px;
	border-style: solid;
	border-width: 4px 0 4px 7px;
	border-color: transparent transparent transparent #ff677e;
	z-index:200;
}





/*
 * ホーム　Googleカレンダー
 */
#ito-home-google-calendar {
	padding-top:100%;
	width:100%;
	position: relative;
}

.sp #ito-home-google-calendar {
	padding-top:135%;
}

#ito-home-google-calendar iframe {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

/*
 * サイドバナー
 */
#ito-side-banner-byouki {
	background:#fff;
	text-align:center;
	display:block;
}

#ito-side-banner-byouki:hover img {
	opacity:0.8;
}

/*
 * サイドバナー
 * 求人情報
 */
#ito-side-banner-recruit {
	background:#fff;
	text-align:center;
	display:block;
}
#ito-side-banner-recruit:hover img {
	opacity:0.8;
}


/*
 * 院長紹介ページで使用
 */
#ito-inchou-photo {
	border-radius:5px;
}

#ito-shinsatsufukei {
	border-radius:5px;
}

.ito-text-right {
	text-align:right;
}


/*
 * 診療のご案内ページで使用
 */
.ito-shinryou-chui {
	width:100%;
	margin:1rem 0;
	padding:0.5rem 1rem;
	box-sizing:border-box;
	background:#ff99aa;
	/*color:#fff;*/
	border-radius:0.5rem;
}



/*
 * 土曜日診療
 */


.pc .ito-eye-cl-saturday ul{
	width:calc(100% - 180px);
	display:inline-block;
	vertical-align:top;
}


.pc .ito-eye-cl-saturday .illust-wrap{
	display:inline-block;
	margin-left:25px;
	margin-top:0.5em;
	vertical-align:top;
}

.sp .ito-eye-cl-saturday .illust-wrap{
	text-align:center;
}



/*
 * 求人情報
 */
#ito-recruit table{
	margin-top:1.5em;
}
#ito-recruit table.ito-wed{
	margin-top:0;
}
#ito-recruit table th,
#ito-recruit table td{
	border:none;
	padding:0;
	margin:0;
}
#ito-recruit table tr:first-child{
	border-top:solid 1px #ddd;
}
#ito-recruit table tr{
	border-bottom:solid 1px #ddd;
}
#ito-recruit table th{
	text-align:center;
	color:#59b300;
}
.pc #ito-recruit table th{
	min-width:8em;
	padding:1em 0.5em;
}
.pc #ito-recruit table td{
	min-width:20em;
	padding:1em 0.5em;
}
.sp #ito-recruit table{
	width:100%;
	padding:1em 0em;
}
.sp #ito-recruit table th{
	min-width:10em;
	padding:1em 0em;
}
#ito-recruit table span.adjust{
	display:inline-block;
}

#ito-recruit p.ito-yasumi{
	padding:0.3em 1.5em;
	background:#ff677e;
	border-radius:100px;
	display:inline-block;
	color:#fff;
}
.sp #ito-recruit p.ito-yasumi{
	display:block;
	text-align:center;
}
#ito-recruit .contact-wrap{
	margin-top:1.5em;
}

#ito-recruit .contact-wrap h4{
	color:#59b300;
}


/*
 * ホームウィジェット
 * 当院のコロナ対策について
 */
.ito-home-corona{
	background: -moz-linear-gradient(right, #ffe1e5, #fff 75%); 
	background: -webkit-linear-gradient(right, #ffe1e5, #fff 75%); 
	background: linear-gradient(to left, #ffe1e5, #fff 75%);
}
.ito-home-corona:hover{
	background: -moz-linear-gradient(right, #ffeaed, #fff 75%); 
	background: -webkit-linear-gradient(right, #ffeaed, #fff 75%); 
	background: linear-gradient(to left, #ffeaed, #fff 75%);
}
.ito-home-corona a{
	background:url("../2020/11/corona_banner.png") no-repeat;
	background-size:contain;
	display:block;
	padding:1em 0.5em;
}
.sp .ito-home-corona a{
	padding:0.5em 0;
	background-position:-1.5em 0;
}
.ito-home-corona a:hover dl{
	opacity:0.9;
}
.ito-home-corona dl{
	text-align:right;
}
.ito-home-corona dt{
	font-size:123.1%;
	font-weight:bold;
	text-shadow:
	2px 2px 2px rgba(255,103,126,0.8),
	-2px 2px 2px rgba(255,103,126,0.8),
	2px -2px 2px rgba(255,103,126,0.8),
	-2px -2px 2px rgba(255,103,126,0.8),
	2px 0px 2px rgba(255,103,126,0.8),
	0px 2px 2px rgba(255,103,126,0.8),
	-2px 0px 2px rgba(255,103,126,0.8),
	0px -2px 2px rgba(255,103,126,0.8);
	color:#fff;
	padding-bottom:0.3em;
	margin-bottom:0.6em;
	border-bottom:dotted 4px rgba(255,103,126,0.5);
	display:inline-block;
}
.sp .ito-home-corona dt{
	font-size:100%;
}
.ito-home-corona dd{
	font-size:93%;
	background:rgba(255,103,126,1);
	color:#fff;
	padding:0.1em 1em 0.1em 1.5em;
	border-radius:30em;
	display:inline-block;
	position:relative;
}
.ito-home-corona dd:before{
	content:"";
	position:absolute;
	display:block;
	height:0.8em;
	width:0.8em;
	background:#fff;
	border-radius:30em;
	top:50%;
	left:0.2em;
	margin-top:-0.4em;
}
.ito-home-corona dd:after{
	content:"";
	position:absolute;
	display:block;
	width: 0;
	height: 0;
	margin-top:-4px;
	border-style: solid;
	border-width: 0.2em 0 0.2em 0.4em;
	border-color: transparent transparent transparent rgba(255,103,126,1);
	top:50%;
	left:0.4em;
	margin-top:-0.2em;
}



/*
 * 当院での新型コロナウィルス対策
 */
.flex-container{
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content:stretch;
	align-content: stretch;
	align-items: stretch;
	counter-reset: number 0;  
}
.separate-block{
	flex-basis:calc(50% - 2.3em);
	background:rgba(255,103,126,0.1);
	display:block;
	padding:1.5em 1em 3.5em;
	margin-bottom:0.5em;
	border-radius:0.3em;
	position:relative;
}

.separate-block:after{
	counter-increment: number 1; 
	content: counter(number) ;
	position:absolute;
	display:block;
	top:100%;
	left:100%;
	margin-top:-1.4em;
	margin-left:-0.8em;
	color:#fff;
	font-weight:normal;
	font-size:350%;
}
.pc .separate-block:nth-child(odd){
	margin-right:0.5em;
}
.sp .separate-block{
	flex-basis:100%;
}
.separate-block dl,
.separate-block dt,
.separate-block dd{
	padding:0;
	margin:0;
}
.separate-block dt{
	background:rgba(255,103,126,1);
	color:#fff;
	padding:0.2em 1em;
	border-radius:30em;
	font-size:123.1%;
	text-align:center;
	font-weight:bold;
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
}
.separate-block dd{
	margin-top:1.2em;
}
.separate-block dd p.main{
	color:rgba(255,103,126,1);
	font-weight:bold;
	position:relative;
	padding-left:1em;
}
.separate-block dd p.main:before{
	content:"";
	position:absolute;
	display:block;
	background:rgba(255,103,126,1);
	border-radius:30em;
	height:0.7em;
	width:0.7em;
	top:0.45em;
	left:0;
}
.separate-block dd p.sub{
	border-top:dashed 1px rgba(255,103,126,0.5);
	border-bottom:dashed 1px rgba(255,103,126,0.5);
	padding:0.75em 1em;
}
.separate-block dd p.sub span.mini-title{
	display:inline-block;
	border:solid 1px rgba(255,103,126,1);
	background:#fff;
	padding:0.05em 0.5em;
	border-radius:0.3em;
	font-size:85%;
	color:rgba(255,103,126,1);
	margin-bottom:0.3em;
	margin-left:-0.5em;
}
#ito-eye-corona .photo-container{
	margin-top:1em;
}

#ito-eye-corona .photo-container .photo-left-wrap{
	position:relative;
}
.pc #ito-eye-corona .photo-container .photo-left-wrap{
	width:24em;
	float:left;
}
#ito-eye-corona .photo-container .photo-left-wrap:after{
	content:"";
	position:absolute;
	display:block;
	border:dashed 1px #fff;
	border-radius:0.3em;
}
.pc #ito-eye-corona .photo-container .photo-left-wrap.sekigaisen:after{
	height:9em;
	width:6em;
	top:5em;
	left:1.5em;
}
.pc #ito-eye-corona .photo-container .photo-left-wrap.sokuteki:after{
	height:9em;
	width:6em;
	top:13.5em;
	left:8.5em;
}
#ito-eye-corona .photo-container .photo-right-wrap{
	padding:1.5em;
	background:#cfcfcf;
	position:relative;
}
.pc #ito-eye-corona .photo-container .photo-right-wrap{
	width:calc(100% - 30em);
	margin-left:27em;
}
#ito-eye-corona .photo-container .photo-right-wrap:before,
#ito-eye-corona .photo-container .photo-right-wrap:after{
	content:"";
	position:absolute;
	display:block;
	width: 0;
	height: 0;
	border-style: solid;
}
.pc #ito-eye-corona .photo-container .photo-right-wrap:before{
	border-width: 3.5em 4.5em 3.5em 0;
	border-color: transparent #fff transparent transparent;
	top:5.5em;
	left:-4.5em;
}
.pc #ito-eye-corona .photo-container .photo-right-wrap:after{
	border-width: 3em 4em 3em 0;
	border-color: transparent #cfcfcf transparent transparent;
	top:6em;
	left:-4em;
}
.sp #ito-eye-corona .photo-container .photo-right-wrap:before{
	border-width: 0 4em 2.5em 4em;
	border-color: transparent transparent #fff transparent;
	top:0;
	left:50%;
	margin-left:-4em;
	margin-top:-2.5em;
}
.sp #ito-eye-corona .photo-container .photo-right-wrap:after{
	border-width: 0 3em 2em 3em;
	border-color: transparent transparent #cfcfcf transparent;
	top:0;
	left:50%;
	margin-left:-3em;
	margin-top:-2em;
}
#ito-eye-corona .photo-container .photo-right-wrap .photo-inner{
	padding:1.5em;
	border:dashed 1px #fff;
	border-radius:0.3em;
}
#ito-eye-corona .photo-container .photo-right-wrap p.close-up{
	color:#fff;
	margin-bottom:0.5em;
	padding:0.1em 0.5em;
	border:dashed 1px #fff;
	border-radius:0.3em;
	text-align:center;
}
#ito-eye-corona .photo-container .photo-right-wrap .photo-sentence-wrap{
	background:rgba(255,255,255,0.7);
	margin-top:0.5em;
	border-radius:0.3em;
	padding:1em;
}
#ito-eye-corona .photo-container .photo-right-wrap .photo-sentence-wrap p{
	margin-bottom:0.5em;
}
#ito-eye-corona .photo-container .photo-right-wrap .photo-sentence-wrap p:last-of-type{
	margin-bottom:0em !important;
}
#ito-eye-corona .photo-container .photo-right-wrap .photo-sentence-wrap span.important-word{
	color:rgba(255,103,126,1);
	font-weight:bold;
}