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

/*-------------------------------------------
  全体
---------------------------------------------*/
html{
  min-height: 100%;
  position: relative;
}

body {
	font-size: 1em;
	line-height: 1.9em;
	font-family:'游ゴシック Medium', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Yu Gothic Medium', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
	font-weight: 400;
	color: #282827;
	text-align: center;
	margin:0;
	background: #FFFFFF;
	width:100%;
	/*min-width:100%;*/
	    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; /* Safari */
}

body,
#wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  text-align:left;
}

a:link { text-decoration:none; color: #000;}
a:visited { text-decoration:none; color: #000;}
a:active { text-decoration:none; color: #000;}
a:hover { text-decoration:none; color: #000;
		　filter:alpha(opacity=100);
          -moz-opacity: 1;
          opacity: 1;}
ul li{
	list-style: none;
	list-style-position: outside;
}


table {
   border-collapse: collapse; /* 隣り合うセルの線を結合 */
}
		  
img{ 
  margin:0; border:0;
  max-width: 100%;
  height: auto;
  vertical-align:top;
  -webkit-backface-visibility: hidden;
	
/*画像のドロップ＆ドラッグを禁止する*/
	
  pointer-events: none; 
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
}		  

/*画像のドロップ＆ドラッグを禁止する*/

a {
	display : inline-block;
}

a[href*="tel:"] {
	pointer-events: none;
}


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


/*リンクした時の高さとり*/
.link-target{
    display: block;
    padding-top: 150px;
    margin-top: -150px;	
}
/*--------------------------------
パンくず
--------------------------------*/
.pankuzu{
	font-size: 12px;
	margin-top: 20px;
	border-bottom: solid 1px #DDEAED;
	margin-bottom: 40px;
}

.pankuzu a:hover{
	text-decoration: underline;
}

/*Googleマップの左上の白窓を消すタグ　新しくGoogleマップを取得する場合に*/
/*#map {width: 100%;height: 500px;overflow: hidden;}
#map iframe {width: 100%;height: 860px;margin-top: -170px;}*/


/*-------------------------------------------
ページ自動スクロール
---------------------------------------------*/
/* ボタン全体 */
#page-top{
    position: fixed;
    bottom: 50px;
    right: 50px;
    font-size: 80%;
	line-height: normal;
	z-index:6;
}

.fa-angles-up{
	font-size: 20px;
}


#page-top a {
background: #1D55A2;
background: -moz-linear-gradient(top, #1D55A2 1%, #1D55A2 51%, #1D55A2 100%); 
background: -webkit-linear-gradient(top, #1D55A2 1%,#1D55A2 51%,#1D55A2 100%);
background: linear-gradient(to bottom, #1D55A2 1%,#1D55A2 51%,#1D55A2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D55A2', endColorstr='#1D55A2',GradientType=0 );
	text-decoration: none;
    color: #fff;
    width: 66px;
    padding: 22px 0;
    text-align: center;
    display: block;
	border-radius: 150px;
	border: solid 2px #BDEBFF;
}
#page-top a:hover {
    text-decoration: none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9b4a5c+1,8e3669+51,7f284f+100 */
background: #9b4a5c; /* Old browsers */
background: -moz-linear-gradient(top, #9EC7E5 1%, #3381C9 51%, #1D55A2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #9EC7E5 1%,#3381C9 51%,#1D55A2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #9EC7E5 1%,#3381C9 51%,#1D55A2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3381C9', endColorstr='#1D55A2',GradientType=0 ); /* IE6-9 */}


.pege_modoru{
	font-size:13px;
	text-align:right;
	padding-top:15px;
	clear:both;
}
.pege_modoru a:hover{
	text-decoration:underline;
}
/*---------------------------
テキストの細かい共通指示
---------------------------*/
.font_red{color:#900;}
.font_green{color: #00027C;}
.font_darkred{color:#600;}
.font-boldred{color: #9F374B;}
.font_bold{font-weight:bold;}

/*1文字下げ*/
.indent-1 {
padding-left:1em;
text-indent:-1em;
}
/*2文字下げ*/
.indent-2 {
padding-left:2em;
text-indent:-2em;
}

.link_txt a{
	text-decoration:underline;
}



/*----------------------
写真キャプション
----------------------*/
.captiopn{
	font-size:13px;
	margin-top:5px;
	line-height:17px;
	text-align: center;
	display: block;
}
.captiopn_c{
	font-size:12px;
	margin-left: 90px;
}


/*新着情報の改行*/
.br_s{
    display: block;
}

.bkg{
    background: #F0ECE1;
    padding: 5px 0 5px 10px;
}

a.link_boder{
    text-decoration: underline;
    color: #2B6000;
}
.txt_center{
	text-align: center;
}
.txt_left{
	text-align: left;
}

.txt_right{
	text-align: right;
}


/*------------------------
リンクボタン青枠線装飾
------------------------*/
.button-bb-all{
	display: block;
	font-family: "M PLUS Rounded 1c";/*←Googleフォント*/
}

.button-bb {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 300px;
    margin: 0 auto;
    padding: .9em 3em .9em 2em;
	border: solid 3px #003873;
    /*border: 4px double #003873;*/
    border-radius: 50px;
    background-color: #fff;
    color: #003873;
    font-size: 17px;
	font-family: "M PLUS Rounded 1c";/*←Googleフォント*/
	font-weight: 600;
}

.button-bb::after {
    position: absolute;
    right: 2em;
    transform: translateY(-50%);
    transform-origin: left;
    width: 2em;
    height: .5em;
    background-color: #003873;
    clip-path: polygon(0 100%, 100% 100%, 70% 40%, 70% 90%, 0% 90%);
    content: '';
    transition: transform .3s;
}

.button-bb:hover::after {
    transform: translateY(-50%) scaleX(1.4);
}

/*PC用ナビ　ホバーでライン出現*/
.hover_line {
	display: inline-block;
	position: relative;
	text-decoration: none;
}
.hover_line::after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background:#001E62;
	transition: all 0.3s ease 0s;
}
.hover_line:hover {
	cursor: pointer;
}
.hover_line:hover::after {
	width: 100%;
}	





/*-----------------------------------------
フッター
-----------------------------------------*/
footer {
	margin-top: auto;
	background-color: #E0F8FF;
	width:100%;
	font-size: 15px;
}

/*「地域に根差した眼科クリニックです」の文字*/
.footer_concept{
	max-width: 1100px;
	text-align: center;
	margin: 0 auto;
	font-size: 24px;
	color: #001E62;
	font-weight: bold;
	border-bottom: solid 1px #A1C3CC;
	padding-top: 25px;
	padding-bottom: 10px;
	font-family: "M PLUS Rounded 1c";/*←Googleフォント*/
}

.footer_concept span{
	font-size: 20px;
	margin-bottom: 5px;
	margin-top: 15px;
	display: inline-block;
}
/*インフォメーションとアクセスの枠*/
.footer_inner{
 	max-width:1100px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
}

/*インフォメーションの枠*/
.footer_info{
	max-width: 400px;
	width: 100%;
	margin-top: 20px;
	text-align: center;
}

/*診療時間*/
.footer_time{
	color: #001E62;
	font-size: 18px;
	margin:0 0 10px 0;
}

/*クリニック名　丸山眼科*/
.footer_info_clinic{
	font-size: 25px;
	font-weight: bold;
	margin: 0;
	color: #001E62!important;
}
.footer_info_clinic span{
	font-size:16px;
}
/*住所*/
.footer_address{
	padding: 0;
	margin: 0;
	color: #001E62!important;
}

/*クリニック名　川添眼科*/
.footer_info_clinic_k{
	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
	color: #001E62!important;
}
.footer_info_clinic_k span{
	font-weight: normal;
	margin-right: 5px;
	display: inline-block;
}


.footer_info_clinic_k a:hover{
	text-decoration: underline;
}


/*お問い合わせはお電話での文字*/
.footer_otoiawase{
	background: #FFFFFF;
	margin: 15px 0 10px;
	text-align: center;
	color:#001E62;
	border-radius: 8px;
}
/*電話番号*/
.footer_tel a{
	font-size:40px;
	color:#001E62!important;
	letter-spacing: 2px;
	text-align: center;
}
/*TELの文字*/
.footer_tel_tel{
	font-size: 15px;
}

/*footerの診療予定表*/
table.footer_table{
	max-width: 400px;
	width: 100%;
}
table.footer_table,th,tr,td
 {
   border: 1px solid #A1C3CC;
    border-collapse: collapse;
	 background: #FFFFFF;
	 text-align: center;
	 padding: 10px;
	 color: #001E62;
}
table.footer_table,th{
	background: #C5EDFD;
	font-size: 15px;
}
table.footer_table td{
	font-size: 28px;
}
/*担当医へのリンク*/
.footer_tantou{
	background: #2C7FC4;
	text-align: center;
	margin-top: 25px;
	padding: 15px;
	font-size: 17px;border-radius: 35px;
}
.footer_tantou a{
	color: #FFFFFF;
}

.footer_tantou a:hover{
	text-decoration: underline;
}


/*アクセスの枠*/
.footer_access{
	display: flex;
	padding: 30px 0 30px 0;
	justify-content: center;
}

.footer_access_txt{
	margin: 0 15px 0 15px;
}
/*アクセスの文字*/
.footer_access_ttl{
	color: #001E62;
	font-weight: bold;
	margin: 0 0 10px 5px;
	font-size: 20px;
	font-family: "M PLUS Rounded 1c";/*←Googleフォント*/
}
.footer_access_ttl::before{
	content: '\f3c5';	
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;	
	display:inline-block;
	margin-right: 10px;
	font-size: 25px;
}
.footer_access_case{
	border-bottom: dotted 1px #001E62;
	padding: 5px;
	color:#001E62;
	font-weight: bold;
	font-family: "M PLUS Rounded 1c";/*←Googleフォント*/
}
.footer_access_case i{
	font-size: 20px;
	margin-right: 8px;
}

.footer_map_s{
	display: none;
}

/*グーグルマップの枠*/
.footer_googlemap{
	display: block;
	margin-bottom: 0;
	margin-top: 80px;
}


/*コピーライト
-----------------*/
.copyright {
	padding: 15px;
	color: #fff;
	font-size: 13px;
	text-align: center;
	background: #001E62;
	line-height: 1.1em;
}

.copyright a{
	color: #FFFFFF;
	text-decoration: underline;
}


/************************************

メディアクエリ記述

************************************/
@media screen and (max-width:1124px) { 
.footer_inner{
	width:95%;
}	
}


@media screen and (max-width:1008px) { 
#page-top {
    bottom: 30px;
    right: 10px;
	line-height:1.5;
	font-size:13px;				
}

#page-top a {
	width: 50px;
    padding: 19px 5px;
}
}


@media screen and (max-width:983px) { 
	/*インフォメーションとアクセスの枠*/
.footer_inner{
	margin:0 auto;
	display:block;
}
/*インフォメーションの枠*/
.footer_info{
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
	color: #001E62;
}
	/*アクセスの枠*/
.footer_access{
	width: 100%;
	margin: 0 auto;
}
}

@media only screen and (max-width: 850px) {
	a[href*="tel:"] {
		pointer-events: initial;
	}
}

@media screen and (max-width:720px) { 
.pankuzu{
	margin: 10px 0px 10px 0px;
}
}



/*フッタースマホ対応
-----------------*/
@media screen and (max-width:698px) {
.footer_inner{
	width:90%;
}
.footer_access{
	display: block;
	font-size: 13px;
}	
.footer_map{
	display: none;
}	
.footer_map_s{
	display: block;
}	
.footer_map{
	text-align: center;
	margin-top: 15px;
}

/*アクセスの文字*/
.footer_access_ttl{
	font-size: 18px;
}
.footer_access_case{
	padding: 0px;
}
.footer_access_txt{
		line-height: 18px;
		margin-bottom: 10px;
	}

.footer_access_case i{
	font-size: 18px;
}
}


@media screen and (max-width:465px) {
/*「地域に根差した眼科クリニックです」の文字*/
.footer_concept{
	font-size: 19px;
	padding: 10px 0 10px 0;
	line-height: 22px;
}
.footer_concept span{
	font-size: 16px;
	margin-top: 5px;
}
	
	
	
/*電話番号*/
.footer_tel a{
	font-size:30px;
	color:#001E62!important;
	letter-spacing: 1px;
}
/*footerの診療予定表*/
table.footer_table{
	width: 100%;
}
table.footer_table,th,tr,td{
	 padding: 5px;
	 font-size: 13px;
}

table.footer_table td{
	font-size: 20px;
}
.copyright2 {
	font-size: 10px;
	padding: 10px;
	text-align: left;
}
.copyright {
	font-size: 10px;
	padding-left:10px;
}	
/*グーグルマップの枠*/
.footer_googlemap{
	margin-top:20px;
}
}

@media screen and (max-width:420px) { 
#page-top {
    bottom: 50px;		
}
}