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

/*スマートフォン用フォント設定*/
html {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

/*パンクズリスト*/

.pankuzu ul.nav li{
	font-size:80%;
	float:left;

}

.pankuzu ul.nav li a{
	background:url(https://www.nezuka-clinic.com/themes/wide-green/images/icon_list_widget.gif) 1px no-repeat;
	padding-left:12px;
	display:inline-block;
	margin-right:3px;
}

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


/*見出し設定*/

h1{
	font-size:185%;
	padding:10px 10px;
	font-weight:bold!important;
	/*border:1px solid #CCC; 枠線（囲み）*/
	color:#53b98d;
	text-align: center;
	background-image: linear-gradient(
    	45deg,
    	#fff 25%,
    	#cdf0c3 25%, #cdf0c3 50%,
    	#fff 50%, #fff 75%,
    	#cdf0c3 75%, #cdf0c3
  	);
  	/* 幅8px、高さ8pxで背景画像のサイズを指定 */
  	background-size: 8px 8px;
  	display: flex;
}
h1:before, h1:after{
	content: '';
	background:url(https://www.nezuka-clinic.com/themes/wide-green/images/midashi1nikukyu.png) 0 repeat transparent;
	flex-grow:1;
}


h2{
	position: relative;
    padding: 5px 50px 5px 30px;
    margin-bottom: 20px;
    background: #53b98d;
    color: white;
    display: inline-block;
	background:linear-gradient(225deg,  transparent 30px, #53b98d 30px);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
h2::before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 15px transparent;
    border-right: solid 20px #3a8464;

}

h3{
	font-size:120%;
    text-decoration:none;
    font-weight: bold !important;
	border-bottom: 2px dotted #53b98d;
	padding-left: 22px;
	background:url(https://www.nezuka-clinic.com/themes/wide-green/images/midashi3nikukyu.png) 0 no-repeat transparent;
	background-size: 40px auto;}

h4{
	font-weight:bold!important;
	font-size:120%;
	text-align: center;
		color:#53b98d;
		line-height: 190%;
	padding: 0.5em 0;
	border-top: 1.5px solid #53b98d;
	border-bottom: 1.5px solid #53b98d;
	margin-bottom:40px;
}

.one-third p{
	padding-top:0;
}

.one-third h3{
	background:none;
	font-size:100%;
	padding:0;
	margin:0;
	border:none;
}

.one-third .copy{
	padding-top:7px;
	font-size:80%;

}


.top_table table{
/*	width:100%;*/
	text-align:center;
	margin-bottom:15px;
}

.top_table th{
	padding:5px;
	font-weight:bold;
	border:1px solid #333;
	background:#AAAAAA;
	border-collapse:collapse;
}

.top_table td{
	padding:5px 10px;
	border:1px solid #333;
	border-collapse:collapse;
}

/*/--------------------------------------
サイドバー設定
--------------------------------------/*/

/*ナビゲーション*/
.sub_navi .nav{
	padding:0;
	font-size:110%;
	border:1px solid #CCC;
	border-bottom:none;
	margin-bottom:15px;
}

.sub_navi .nav li{
	vertical-align:bottom;
	margin:0;	background:url(https://www.nezuka-clinic.com/themes/wide-green/images/icon_list_widget.gif) 5px 15px no-repeat #fff;
	border-bottom:1px solid #CCC;
	padding:10px 0 10px;
	padding-left:17px;
}

.sub_navi .nav li li{
	border-bottom:none;
}
/*サイドメニューリンク設定*/
.sub_navi .nav a{
	background:#fff;
	font-size:88%;	
	padding:0;
}


/*電話番号*/
.side_contact{
	background:#FFFFFF;
	border:1px solid #CCC;
	padding:10px 10px 5px 10px;
	margin-bottom:5px;
}

.side_contact p{
	border-top:5px solid #666;
	padding-top:5px;

}

.side_contact a{
	color:#333;
	display:block;
	background:url(https://www.nezuka-clinic.com/themes/wide-green/images/icon_tel_widget.gif) left center no-repeat;
	padding-left:22px;
	border:none;
	font-weight:bold;
	font-size:150%;
}

.side_contact a:hover{
	text-decoration:none;
	color:#333;
}


 a.contact_2{
	background:url(https://www.nezuka-clinic.com/themes/wide-green/images/icon_doc_widget.gif) left center no-repeat !important;
	font-size:140%;
}

/*/--------------------------------------
コンテンツ領域設定
--------------------------------------/*/

/*フッター左*/
.one-third{
	float:left;
}

/*フッター右*/
.two-third{
	float:right;
	width:45%;
	margin:0;
}
/*フッターナビゲーション*/
.menufooter_nav{
	width:100%;
	font-size:120%;
	margin:0 0 0 auto;

}

/*ヘッダーボタン*/
.header_contacts{
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	
}

.header_contacts ul li{
	list-style-type:none;
	float:right;
	  display: -webkit-box; /* safari, Chrome */
	display: -moz-box;    /* Firefox */
	display: -o-box;      /* Opera */
	display: -ms-box;     /* IE */
	display: box;         /* ベンダープレフィックスなし */
	-webkit-box-align: center; /* safari, Chrome */
	-moz-box-align: center;    /* Firefox */
	-o-box-align: center;      /* Opera */
	-ms-box-align: center;     /* IE */
	box-align: center;         /* ベンダープレフィックスなし */
	height:32px;
	padding:15px 20px;
}

.header_contacts li a{
  display:box;inline;
  color: #FFF;	
  font-size:115%;
}

.header_contacts li a span{
  font-size:70%;
}



.header_contacts li a:hover{
	text-decoration:none;
	cursor:default;
}

.header_contacts li.header_contacts_right a:hover{
	text-decoration:underline;
	cursor:pointer;
}

body{
/*	padding-top:25px;*/
}

/*グローバルナビ設定*/
/*ナビゲーション*/

.fifteen .nav{
	/*background:#333;*/
	padding:0;
}

.fifteen .nav a{
	color:#FFF;
	font-weight:bold;
	padding:15px 0px 10px 0px;
font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
	font-size:88%;
	}

.nav a{
	text-align:center;
}

/*フッターナビゲーション*/
.footer ul{
	margin-bottom:15px;
}
.footer ul.nav li{
	display: table-cell;
	border-left: 1px solid #FFF;
	padding: 0 10px;
}

.footer ul.nav li:last-child{
	border-right: 1px solid #FFF;
}

.footer .nav a{
	color:#FFF;
	font-weight:bold;
	padding:5px 0px;
	font-size:88%;
}


/*オンマウス*/
.nav a:hover {
	text-decoration:none;
	background-position:left top;
	background-repeat:repeat-x;
}


/*リンク設定*/
.triple_cont a, .triple_cont a:hover{
	padding:10px 12px;
	text-decoration:none;
}

/*フッター*/
.footer-wrap, .footer{
	padding-top:35px;

}
.footer{
	padding-top:10px;
	border-top:dotted 2px #FFFFFF;
}

/*フッターリンク文字色*/
.footer a, .footer a:hover{
	border:none;
}

/*ヘッダ背景（コンテンツ外側）*/
.header-wrap{
	background-size:auto;
}

/*ナビゲーション背景*/
.navwrap{
	background:none;
}

/*ロゴ設定*/
.container .ten.columns img{
	max-width:100%;
	height:auto;
	margin-bottom:15x;
}

.googleMapCanvas{
	margin-bottom:20px;
}

/*外部フォーム設定*/

.alphabets input{ ime-mode:disabled;}

.form_tbl {
  border: 2px solid #474747;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
}
.form_tbl td{
	padding: 11px 38px 12px 38px;
	line-height: 130%;
	vertical-align: middle;
}
.form_tbl tr, td {
	border-bottom: 2px solid #474747;
	border-right: 2px solid #474747;
	text-align: center;
}

.red{ color:#FF0000;}

.form_tbl tr:last-child th,
.form_tbl tr:last-child td {
  border-bottom: none;
}

.form_tbl  td:last-child{
	border-right: none;
}


/*画像*/
div .max img{ max-width:100%; width:100%;  height:auto; }


/*ヘッダ電話番号*/
.phone_number a{
	padding-right:15px;
	font-size: 120%;
	font-weight: bold;	
}

.phone_number a:hover{
	text-decoration:none;
	cursor:default;
}

.phone_number a:hover{
	cursor:pointer;
}


/*イントロダクション設定*/
.introduction{
	font-size:120%;
	padding:15px 0px 10px 0px;
	font-family:"Roboto Slab" ,
	Garamond ,
	"Times New Roman" ,
	"游明朝" ,
	"Yu Mincho" ,
	"游明朝体" ,
	"YuMincho" ,
	"ヒラギノ明朝 Pro W3" ,
	"Hiragino Mincho Pro" ,
	"HiraMinProN-W3" ,
	"HGS明朝E" ,
	"ＭＳ Ｐ明朝" ,
	"MS PMincho" ,
	serif;
	font-weight:bold;
	line-height:150%;
}

/*メイン画像*/
.main_img{
	width:100%;
	height:100%;
}

/*TOPページコンテンツメニュー*/
.top_menu h2{
	font-size:165%;
	padding:3px 10px;
	font-weight:bold!important;
}

.top_menu p{
	padding-left:0;
}

.top_menu a{
	padding:10px;
	font-weight:bold;
}

a.img_link{
	background:none;
	padding:0;
}

a.img_link img{
	vertical-align: bottom;
}

.triple_cont div.seven{
	float:left;
	width:100%;
}


/*右上ボタン*/
.head_btn p{
	text-align:right;
	margin-bottom: 0;
}

/*登録申し込み・資料請求パーツ*/
.action {
    border: 4px dotted #DDD;
    padding: 15px 20px;
    margin-bottom: 25px;
}

.action p{
	margin-bottom:5px;
}

.action a{
	max-width: 300px;
	min-width: 240px;
	text-align: center;
	padding: 25px 15px !important;
	color: #FFF;
	font-family:"Roboto Slab" ,
	Garamond ,
	"Times New Roman" ,
	"游明朝" ,
	"Yu Mincho" ,
	"游明朝体" ,
	"YuMincho" ,
	"ヒラギノ明朝 Pro W3" ,
	"Hiragino Mincho Pro" ,
	"HiraMinProN-W3" ,
	"HGS明朝E" ,
	"ＭＳ Ｐ明朝" ,
	"MS PMincho" ,
	serif !important;
	font-weight: bold;
	float: right;
	font-size: 120%;
	margin-right:20px;
}

.action p.left{
	float:left;
}

.action p.right{
	float:right;
}

/*会社情報表（スマホ仕様はskeleton.cssへ）*/
.company_info td,th{
	width:100%;
	display:block;
}


/*アコーディオン設定*/
div.accordion {
  width: 100%;
}

div.accordion ul li{
	list-style-type:none;
}

/*アコーディオン内リンク設定*/
div.accordion ul li a {
  font-weight:bold;
  display: block;
  text-decoration: none;
  cursor: pointer;
  padding: 10px 5px;
  position: relative;
  margin-bottom: 20px;
}

div.accordion ul li a:hover{
}

div.accordion ul li a:after, div.accordion ul li a.active:after{
  position: absolute;
  right: 12px;
  top: 5px;
}
div.accordion ul li a:after{
  content: "\25BC";
  font-size: 100%;
}
div.accordion ul li a.active:after{
  content: "\25B2";
  font-size: 100%;
}
div.accordion ul li ul {
  display: none;
  margin-left:5px;
}

div.accordion ul li ul li a{
display:inline;
border-bottom:none;
}

div.accordion ul li ul li a:after{
  content:none;
}
div.accordion ul li ul li a.active:after{
  content:none;
}

div.accordion ul li ul li a:hover{
}

div.accordion ul li ul li p{
	margin-bottom:15px;
	padding-bottom:10px;
}

/*登録の流れ*/
div.doc_ex{
	padding:10px;
	border-bottom:none;
	width:70%;
	margin:0 auto 2.5em;
}

.doc_ex p{
	margin-bottom:1em;
	padding-left:0;
}

.doc_ex dt{
	float:left;
	clear:left;
	font-weight:bold;
}

.doc_ex dd{
float:left;
}

/*コース案内*/
.course_doctor h3, .course_area h3, .course_member h3{
	padding: 7px;
}

.course_doctor p, .course_area p, .course_member p{
	margin-bottom:1em;
	padding:3px;
}

/*データで見る*/
.data span.big{
	font-size:180%;
}

.data p.caption{
	font-size:80%;
}

.data_img img{
    max-width: 100%;
    height: auto;
}

.data_img p{
	margin-bottom:0.5em;
}

.data_caption{
	font-size:80%;
	padding-right:1em;
}

.action .data_contact a{
}


/*よくある質問*/

.question{
    padding: 5px;
    margin-bottom:0.5em;
}

dt.question:before{
	content: "Q.";
	font-weight: bold;
	margin-right: 8px;
}

.answer{
	padding-left:1em;
    margin-bottom:1.5em;
}

dd.answer:before{
	content: "A.";
	font-weight: bold;
	margin-right: 8px;
}

/*特徴*/

div.character {
    padding: 10px;
    margin-bottom: 10px;
}

/*サイトマップ*/

.sitemap_page li{

    background: url("https://www.nezuka-clinic.com/themes/wide-green//images/arrow.gif") left center no-repeat;

}

.sitemap_page a {
	background:none;
    padding: 5px 1.5em;
	display:inline;
    text-align: left;
}

.sitemap_page a:hover{
	background:none;
	color:#00B08D;
}

.sitemap_page a:visited{
	color:#474747;
}

/*営業時間*/

.time_tbl td,th{
font-size:88%;
display:table-cell;
width: 50px;
text-align: center;
padding:15px 8px;
}

.time_tbl tbody td{
display:table-cell;
padding;15px 8px;
text-align:center;
}



/*余白設定*/
.mb_15{
	margin-bottom:15px !important;
}

.mb_30{
	margin-bottom:30px !important;
}

.mb_50{
	margin-bottom:50px !important;
}

.mb_70{
	margin-bottom:70px !important;
}

  /*/--------------------------------------
  配色設定
  --------------------------------------/*/

/*文字色*/
body{
	color:#474747;/*全体の文字色*/
}

/*ヘッダ背景*/
.header-bg{
   width: 100%;
   height: 710px;
}
.t-bg{
	position: absolute;
   width: 100%;
   height: 500px;
  /* 画像を常に天地左右の中央に配置 */
  background-position: top center !important;
   
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat !important;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover !important;
   

}
.header-bg2{
	background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/main-img.jpg);
   z-index: 1;
   width: 100%;
   height:100%;
  /* 画像を常に天地左右の中央に配置 */
  background-position: top center;
   
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
   

}

/*全体背景（外側）*/
.bg_area{

}



/*右上電話番号・予約リンク用*/
.header_contacts ul li{
    background:#FFA100;
	color:#FFF;
}

.header_contacts ul li:nth-child(1){
    background:#FF4022;
	color:#FFF;
}

/*TOPページコンテンツメニュー*/
.top_menu h2{
	color:#474747;
}

.top_menu a{
	background:#23C1A2;
	color:#FFF;
}

/*営業時間*/

.time_tbl thead th{
	background-color:#43d2b5;
	color:#FFF;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
}

.time_tbl tbody th{
	background-color:#9DF0E0;
}

.time_tbl tbody td{
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
}

/*特徴*/
div.character {
}

/*よくある質問*/
.question{
    background: #00B08D;
    color: #FFF;
}

/*コース案内*/
.course_doctor h3, .course_area h3, .course_member h3{
	background:#43d2b5;
	color:#FFF;
}

.course_doctor h3, .course_area h3, .course_member h3{
	border:2px solid #FFF;
}

/*登録の流れ*/
div.doc_ex{
	background-color:#fff0d7;
}

.doc_ex p{
	border-bottom:1px dotted #474747;
}

/*アコーディオン設定*/
/*アコーディオン内リンク設定*/
div.accordion ul li a {
  border-bottom: 2px solid #00B08D;
}

div.accordion ul li a:hover{
  background-color: #EAEAEA;
}

div.accordion ul li a:after, div.accordion ul li a.active:after{
  color: #00B08D;
}

div.accordion ul li ul li p{
	border-bottom:1px dotted #CCC;
}

div.accordion ul li ul li h4{
	color:#00B08D;
}

/*スタック内リンク設定*/
.action a.request{
	background: #ffbf51;
}

.action a.entry{
	background: #f40022;
}

/*データで見る*/
.data span.red{
	color:#F40022;
}
.data span.blue{
	color:#0B3F8C;
}

/*フッターナビゲーション*/
.footer ul.nav li{
	border-left: 1px solid #FFF;
}

.footer ul.nav li:last-child{
	border-right: 1px solid #FFF;
}

.footer .nav a{
	color:#FFF;
}

/*オンマウス*/
.nav a:hover { 
	color:#CCC;
}

/*リンク設定*/
.triple_cont a, .triple_cont a:hover{
	background-color:#00B08D;
	color:#FFF;
}

/*コンテンツエリア背景*/
.bodycontent {

}

/*フッター背景色・文字色*/
.footer-wrap, .footer{
	color:#fff;
	background-color: #53b98d;

}
.fotter{
	border-top: 2px dotted #fff;
}

/*フッターリンク文字色*/
.footer a, .footer a:hover{
	color:#007b60;
}

/*ヘッダ背景（コンテンツ外側）*/
.header-wrap{
}

/*ナビゲーション背景*/
.navwrap{
	background:none;
}

/*メインコンテンツ背景色*/
.sixteen{

}

/*ヘッダーボタン*/
.header_contacts li a{
	 color: #FFF;
}

.header_contacts li a:hover{
	color:#FFDEA7;
}

/*グローバルナビ設定*/
/*ナビゲーション*/
.fifteen .nav a{
	color:#FFF;
}

.nav a{
}

/*フッターナビゲーション*/
.footer ul.nav li{
	border-left: 1px solid #FFF;
}

.footer ul.nav li:last-child{
	border-right: 1px solid #FFF;
}

.footer .nav a{
	color:#FFF;
}

/*今井追加*/
/*一番上のメニュー*/
.nav{
  	text-align: right;
  	}
.nav li{
	display: inline-block;
	border-left: 2px solid #333;
  	border-right: 2px solid #333;
  	border-color:#53b98d;
  	padding-top: 35px !important;
  	padding-bottom: 12px !important;
  	margin-top: 5px;
  	width: 130px;
  	background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/contents_icon.png);
  	background-position: center 10px;
    background-repeat: no-repeat;
    background-size: auto 16px;
    }
.nav a{
	background-image: none !important;
  	color: #505050;
}

.nav-item-1{
  	background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/home_icon.png) !important;
  	background-position: center 10px;
    background-repeat: no-repeat;
    background-size: auto 16px;
}

.nav-item-140{
  	background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/shinryo_icon.png) !important;
  	background-position: center 10px;
    background-repeat: no-repeat;
    background-size: auto 16px;
}

.nav-item-141{
  	background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/intyo_icon.png) !important;
  	background-position: center 10px;
    background-repeat: no-repeat;
    background-size: auto 16px;
}

.nav-item-142{
  	background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/innai_icon.png) !important;
  	background-position: center 10px;
    background-repeat: no-repeat;
    background-size: auto 16px;
}

.nav-item-143{
  	background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/access_icon.png) !important;
  	background-position: center 10px;
    background-repeat: no-repeat;
    background-size: auto 16px;
}

.nav li+ li {
  border-left: 0;
  border-right: 2px solid #53b98d;
}

/*お問い合わせのメニュー*/
.new_header_contacts{
	text-align: right;
}

.new_header_contacts li{
	list-style:none;
	padding-top: 3px;
	padding-bottom: 5px;
}

.tel_icon span{
	font-size: 32px;
  	background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/tel_icon_c.png) !important;
  	background-position: 0px center;
    background-repeat: no-repeat;
    background-size: auto 32px;
    padding-left: 32px !important;
    line-height: 32px;
	text-decoration: none;
}
.tel_shadow img{
	width: 180px;height: auto;;
}
.tel_icon{
	color: #53b98d;
	text-shadow: 0 0 7px rgba(255,255,255,1);
}
.new_header_contacts a:hover{
	text-decoration: none;
		color: #cdf0c3;
}
/*矢印*/
.scrollnav a {
  padding-top: 60px;
    bottom: 20px;
  font-size: 28px;
  	color: #007b60;
	text-shadow: 0 0 7px rgba(255,255,255,1);
	text-decoration: none;

}
.scrollnav a:hover{
	text-decoration: none;
		color: #00ab70;
}
.scrollnav a span {
	position: absolute;
  bottom: -23%;
  width: 24px;
  height: 24px;
  left: 50%;
  margin-left: -12px;
  border-left: 2px solid #007b60;
  border-bottom: 2px solid #007b60;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  box-sizing: border-box;
  text-shadow: 0 0 7px rgba(255,255,255,1);
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes sdb {
  0% {
    transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    transform: rotate(-45deg) translate(0, 0);
  }
}
.scrollnav{
padding-bottom: 12px;
position: absolute;
bottom: 30px;
width: 100%;
text-align: center;

}
.header-bg2{
position: relative;
}

.home{  
	background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/home_icon.png) !important;
  	background-position: center 20px;
    background-repeat: no-repeat;
    background-size: auto 21px;
    padding-top:55px;
    text-align: center;
    padding-left: 0px;
    margin-bottom: 1em;
}




.home {
display: flex;
align-items: center;
}
.home:before,
.home:after {
border-top: 1px solid;
content: "";
flex-grow: 1;
}
.home:before {
margin-right: 1rem;
}
.home:after {
margin-left: 1rem;
}

.homewrap{
	width: 300px;
	position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.container{
	padding-top: 10px;
}

.contentswrap{
	width: 300px;
	position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.contents{  
	background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/contents_icon.png) !important;
  	background-position: center 20px;
    background-repeat: no-repeat;
    background-size: auto 21px;
    padding-top:55px;
    text-align: center;
    padding-left: 0px;
    margin-bottom: 1em;
}
.contents {
display: flex;
align-items: center;
}
.contents:before,
.contents:after {
border-top: 1px solid;
content: "";
flex-grow: 1;
}
.contents:before {
margin-right: 1rem;
}
.contents:after {
margin-left: 1rem;
}
.left{
float: left;
}
.left1 p{
padding: 0 0 0 0;
margin:0 0 0 0;
}
.left1{
position: relative;
width: 600px;
height: 290px;
}
.left1 img{
	width: 100%;
	height: 100%;
	padding-bottom: 10px;
	 opacity: 0.5;
}
.left1 a:hover img{
	opacity:1.0 !important;
}
.left2 p{
padding: 0 0 0 0;
margin:0 0 0 0;
}
.left2{
position: relative;
width: 600px;
height: 280px;
}
.left2 img{
	width: 100%;
	height: 100%;
	padding-bottom: 10px;
		 opacity: 0.5;
}
.left2 a:hover img{
	opacity:1.0 !important;
}
.right p{
padding: 0 0 0 0;
argin:0 0 0 0;
}
.right{
position: relative;
width: 470px;
height: 570px;
float: right;
}
.right img{
width: 100%;
height: 100%;
	padding-bottom: 10px;
			 opacity: 0.5;
}
.right a:hover img{
	opacity:1.0 !important;
}
.contentswrap2{
	width: 220px;
	position: absolute;
    right: -5px;
       bottom:20px;
}
.contents2{  
	background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/contents_icon.png) !important;
  	background-position: center 20px;
    background-repeat: no-repeat;
    background-size: auto 21px;
    padding-top:55px !important;
    text-align: center;
    padding-left: 0px;
    margin-bottom: 1em;
}
.message{  
	background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/shinryo_icon.png) !important;
}
.clinic{  
	background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/innai_icon.png) !important;
}
.staff{  
	background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/intyo_icon.png) !important;
}
.contents2 {
display: flex;
align-items: center;
}
.contents2:before,
.contents2:after {
border-top: 1px solid;
content: "";
flex-grow: 1;
}
.contents2:before {
margin-right: 1rem;
}
.contents2:after {
margin-left: 1rem;
}

.cb-header {
background-color: rgba( 252, 248, 255, 0.95 );;
  line-height: 1px;

  text-align: center;
  width: 100%;
  color: #fff;
border-bottom: solid 1px #e0e0e0;
border-top: solid 4px #53b98d;
}
.cb-header {
  position: fixed; /* ヘッダーバーを固定 */
  top: 0; /* 上から0の位置に固定 */
  left: 0; /* 左から0の位置に固定 */
  display: none; /* ヘッダーバーを非表示 */
 z-index:1;
}
.cb-header ul{
	display:inline-block !important;
}
.cb-header div{

}
.cb-header div ul li{
	display:inline-block !important;
	padding-right:5px;
	padding-left:5px;

}
.cb-header div ul li img{
	vertical-align:bottom;

}
.scrollnav2 a {
    bottom: 20px;
  font-size: 22px;
  	color: #007b60;
	text-shadow: 0 0 7px rgba(255,255,255,1);
	text-decoration: none;

}
.scrollnav2 a:hover{
	text-decoration: none;
		color: #00ab70;
}
.scrollnav2 a span {
	position: absolute;
  width: 24px;
  height: 24px;
  left: 50%;
  top:25px;
  margin-left: -12px;
  border-left: 2px solid #007b60;
  border-bottom: 2px solid #007b60;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-animation: sdb2 2s infinite;
  animation: sdb2 2s infinite;
  box-sizing: border-box;
  text-shadow: 0 0 7px rgba(255,255,255,1);
}
.scrollnav2{
padding-bottom: 20px;
padding-top: 50px;
position: relative;
bottom: 30px;
width: 100%;
text-align: center;

}
@-webkit-keyframes sdb2 {
  0% {
    -webkit-transform: rotate(135deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(135deg) translate(10px, 10px);
  }
  40% {
    -webkit-transform: rotate(135deg) translate(0, 0);
  }
}
@keyframes sdb2 {
  0% {
    transform: rotate(135deg) translate(0, 0);
  }
  20% {
    transform: rotate(135deg) translate(-10px, 10px);
  }
  40% {
    transform: rotate(135deg) translate(0, 0);
  }
}
/*全体背景（外側）*/
.bg_area{
  	background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/footernami.png),url(https://www.nezuka-clinic.com/themes/wide-green/images/footerinu.png) !important;
	background-position : center bottom 0px, left bottom 0px;
    background-repeat: no-repeat;
    background-size: 100% auto,auto auto;
}
.copy{
	border-top:solid 1px #FFFFFF;
}
.cb-header .new_header_contacts li{
	margin-bottom: 0px;
}
.cb-header .tel_shadow img{
	width: 130px;
}
.cb-header .tel_icon span{
	font-size: 24px;
	background-size: auto 20px;
    padding-left: 20px !important;
    line-height: 20px;
}
.cb-header .nav li{
	width: 15%;
}
#navToggle {
    display:none !important; /*通常時は非表示にしておきます*/
    position:absolute; /*bodyに対しての絶対位置指定です*/
    right:13px;
    top:13px;
    width:30px;
    height:25px;
    cursor:pointer}
#navToggle div {position:relative} /*spanの絶対位置指定の親にします*/
#navToggle span {
    display:block;
    position:absolute; /*#navToggle div に対して*/
    width:100%;
    border-bottom:solid 3px #999;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out}
#navToggle span:nth-child(1) {top:0}
#navToggle span:nth-child(2) {top:11px}
#navToggle span:nth-child(3) {top:22px}
#navToggle p{top:32px;position: relative;left: -4px;font-weight: bold;font-size: 12px;}
        .container .six.columns                     { width: 100%;}
		.new_header_contacts{position: absolute;right: 0;top: 0;padding-top: 30px;min-width: 500px;}
		.cb-header .new_header_contacts{display:none !important;}
		.new_header_contacts li{display: inline-block;}
		.six.columns.header .nav{text-align: center;    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #53b98d;}
@media only screen and (max-width: 800px) {
        .container .six.columns                     { auto;}
		.new_header_contacts{width: auto;position: relative;right: auto;top: auto;padding-top: 0;}
#header-wrap .nav {
    position: absolute; 
    right:0;
    top: -551px; 
    background:rgba(255,255,255,.7);
    width:100%;
    padding:0 10px;
    -webkit-transition:.5s ease-in-out;
    -moz-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    text-align:left;
    z-index:4;
    }
#header-wrap .nav li{
		border-left: 0;
		padding-top: 40px !important;
	}
#header-wrap ul {margin:0}
#header-wrap ul li {
    display:inline-block;
    margin:0;
    line-height:1.2;
    width: 50%;
    border: none !important;
    }
#header-wrap ul li a {display:block}
#header-wrap ul li::after {content:''}
#header-wrap ul li:last-child {border-bottom:none}

#navToggle {display:block !important;}
 
.openNav #navToggle span:nth-child(1) {
    top: 11px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
    }
.openNav #navToggle span:nth-child(2){
    top: 11px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
    }
.openNav #navToggle span:nth-child(3) {
    top: 11px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
    }
 
.openNav .nav {
    -moz-transform: translateY(650px);
    -webkit-transform: translateY(650px);
    transform: translateY(650px);
    }
.cb-header{
	display: none !important;
}
#header-wrap{
	position: fixed;
	z-index: 5;
    width: 100%;
    left: 0px;
    top: 0;
    background-color: rgba( 252, 248, 255, 0.95 );
    border-bottom: solid 1px #e0e0e0;
    border-top: solid 4px #53b98d;
}
.tel_icon span {
    font-size: 20px !important;
    background-size: auto 20px !important;
    padding-left: 20px !important;
    line-height: 20px !important;
}
.new_header_contacts li {
    display: inline-block;
}
.tel_shadow img {
    width: 130px !important;
}
.six.columns.header{
	display: block;
	width: 100% !important;
}
.ten.columns.header{
	display: block;
	width: 100% !important;
	margin-bottom: 0px !important;
}
#new_header_contacts ul li{
	width: auto !important;
}
.container .ten.columns img {
    max-width: 230px !important;
    margin-left: 10px !important;
    margin-right: 50px !important;
    display: inline-block;
}
.container{
	padding-top: 0 !important;
}
.header-bg{
	height: 50% !important;
	margin-bottom: 110px !important;
}
.t-bg {
	height: 50% !important;
	margin-top: 100px !important;
	}
.scrollnav{
	bottom: -80px;
}
.container form {
	width: auto;
}
.header-bg2{
	background-image: none;
}
.mainimg_p{
	width: 100%;
	text-align: center;
}
.three.columns{
	width: 100% !important;
}
.mainimg_p img{

}

}




.cb-header #new_header_contacts{
	display: none !important;
}
.cb-header .nav{
	width: 100% !important;
	text-align: center;
}
.form_tbl2 th{
	text-align: left;
	width: 160px;
}
.form_tbl2 td{
	text-align: left;
	border-right: none;
}
.bordernone table, .bordernone tr,.bordernone td{
	border: none;
	text-align: left;
}
.bordernone{
	margin-left: 15px;
}
#about{
position: relative;
top:-100px;
}
.sinryo_ico{
	background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/shinryo_icon.png) !important;
}
.intyo_ico{
	background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/intyo_icon.png) !important;
}
.innai_ico{
	background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/innai_icon.png) !important;
}
.access_ico{
	background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/access_icon.png) !important;
}
.yoyaku_ico{
	background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/yoyaku_icon.png) !important;
}
.sonota_ico{
	background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/sonota_icon.png) !important;
}
.mainimg_p img{
	position: relative;
	bottom: -130px;
	max-width: 100%;
	height: auto;
}

p{
	line-height: 1.5em;
}
td{
	line-height: 1.5em;
}

.sp_dis{
	display: inline-block;
	margin-right: 80px;
}
.new_header_contacts ul{
	display: inline-block;
}
.new_header_contacts ul li{
	display: block;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
}
.new_header_contacts{
	top: auto;
	top: unset;
	bottom: -20px;
}
.t-bg{
	margin-top: 160px;
    border-top: solid 2px #cdf0c3;
    box-shadow: 0px -2px #fff, 0px -4px #cdf0c3, 0px -6px #fff, 0px -8px #cdf0c3, 0px -10px #fff, 0px -12px #cdf0c3;
    background-size: auto !important;
    background-position: center center !important;
}
.six.columns.header .nav{
	box-shadow: 8px 8px 8px rgba(0,0,0,0.4);
}
.six.columns.header .nav li {
	border-color: #FFF;
	margin-bottom: 5px;
}
.six.columns.header .nav a {
    color: #FFF;
    text-shadow: initial;
    text-shadow: unset;
}
.six.columns.header .nav li+ li {
	border-color: #FFF;
}

@media only screen and (max-width: 959px) {
.sp_dis{
	margin-right: 0;
}
.new_header_contacts{
	bottom: -60px;
}
.t-bg{
	margin-top: 200px;

}
#header-wrap ul li {
    display: inline-block;

}

}
@media only screen and (max-width: 800px) {
	.nav{
		bottom: auto !important;
    	bottom: unset !important;
    	left: auto !important;
    	left: unset !important;
    	right: auto !important;
    	right: unset !important;
	}
	.sp_dis{
		display: none;
	}
	.new_header_contacts{
		bottom: auto;
		bottom: unset;
		position: static;
		position: unset;
		min-width: auto;
		min-width: unset;
	}
	.container3{
		width: 100%;
	}
	.six.columns.header .nav a {
    	color: #333;
	}
}
.container2{
	position: static;
	position: unset;
}

.form_tbl td {
   	padding: 6px 8px 6px 8px !important;
}
.sinryotb span {
    font-size: 16px !important;
}

.header-bg2{
	background: none;
}
.top-msg{
	float: none;
	float: unset;
	display: block;
	background-color: #53b98d;
	color: #FFF;
	width: 100%;
}
.top-msg p{
	margin: 0;
}
.top-msg div{
	padding: 0;
}
.taisho{
	background-image: url("https://www.nezuka-clinic.com/themes/wide-green/images/shinryocheck.jpg") !important;
	background-repeat: repeat !important;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.taisho-naka{
	background-color: #FFF;
	border-radius:30px;
	margin: 0px 20px 10px 20px;
	padding: 0.5em;
}

tr, td, table{
	border: none;
}
.sinryotb tr{
	color: #53b98d;
}
.sinryotb tr:nth-child(1){
	background-color: #53b98d;
	color: #FFF;
}
.form_tbl {
    border: 2px solid #53b98d;
}
.footer-wrap .sinryotb{
	border: 2px solid #FFF;
}
.footer-wrap a{
	text-decoration: none;
	color: #FFF;
}
.footer-wrap a:hover{
	text-decoration: none;
	color: #FFF;
}
.footer-wrap .nav li{
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	background: none !important;
	width: auto !important;
	padding-right: 18px !important;
	display: inline-block !important;
}
.footer-wrap .nav{
	float: left;
	width: 70%;
	display: block !important;
	text-align: left;
}
.map_p{
	display: inline-block;
	float: left;
	font-weight: bold;
}
.cb-header li{
	margin-bottom: 0 !important;
}
.pagetop{
	font-size: 120%;
	margin-bottom: 10px;
}
.pagetop span{
	font-size: 120%;
	padding-right: 50px;
	background-image: url("https://www.nezuka-clinic.com/themes/wide-green/images/pagetopnikukyu.png") !important;
	background-repeat: no-repeat !important;
}
@media only screen and (min-width: 799px) {
	.six.columns.header .nav li , .cb-header .nav li {	
		padding-left: 20px !important;
		padding-top: 5px !important;
		padding-bottom: 5px !important;
		background-position: 10px;
		background-size: auto 23px;
		height:38px;
	}

	.cb-header .nav li {
		padding-left: 0px !important;
		background-position: 5px;
	}
}
.six.columns.header .nav span, .cb-header .nav span {	
	font-size: 70%;
}
.cb-header .nav li {
	

}
@media only screen and (max-width: 800px) {
	.six.columns.header .nav li{	
		background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/contents.png);
	}
	.six.columns.header .nav .nav-item-1{
  		background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/home.png) !important;
	}
	.six.columns.header .nav .nav-item-140{
  		background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/message.png) !important;
	}
	.six.columns.header .nav .nav-item-141{
  		background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/staff.png) !important;
	}
	.six.columns.header .nav .nav-item-142{
  		background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/clinic.png) !important;
	}
	.six.columns.header .nav .nav-item-143{
  		background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/access.png) !important;
	}
	.headerwrap2 .six.columns.header .nav li a, .header-wrap .six.columns.header .nav li a{
		background: none !important;
	}
}

	.cb-header .nav li{	
		background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/contents.png);
	}
	.cb-header .nav .nav-item-1{
  		background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/home.png) !important;
	}
	.cb-header .nav .nav-item-140{
  		background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/message.png) !important;
	}
	.cb-header .nav .nav-item-141{
  		background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/staff.png) !important;
	}
	.cb-header .nav .nav-item-142{
  		background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/clinic.png) !important;
	}
	.cb-header .nav .nav-item-143{
  		background-image: url(https://www.nezuka-clinic.com/themes/wide-green/images/access.png) !important;
	}
	.header-wrap .cb-header .nav li a{
		background: none !important;
	}
	
	
div.g-inner {
    position:relative;
    width: 100%;
}
div.g-inner img{
	border-radius: 30px;
}
#view {
    position: relative;
    width:525px;
    height: 350px;
    max-width: 100%;
    top:0;
    left:0;
    overflow:hidden;
    margin-bottom: 10px;
}
#view p {
    position: absolute;
    width:525px;
    height:350px;
    max-width: 100%;
    top:0;
    left:0;
    padding: 0;
    margin: 0;
}
#thumbBtn {
    position:relative;
    top:0px;
    right:0px;
    left: 0px;
    text-align: center;
}
#caption {
    position:relative;
    top:0px;
    left:0px;
    list-style:none;
    min-height: 130px;
    padding-bottom: 10px;
}
#caption li{
	overflow: hidden;

}
#thumbBtn li {
    padding: 0 0 0 2px;
    text-align:center;
    width: 20%;
    min-width: 135px;
    margin-right: 10px;
    margin-left: 10px;
    cursor:pointer;
    display: inline-block;
}
#thumbBtn li img {
    border: solid 1px #ccc;
}
#thumbBtn li.active {
    opacity:0.5;
    filter:alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
}
ul, li, a, a:hover, a:avtive{
	text-decoration: none;
	list-style:none;
}
@media only screen and (max-width: 960px) {
	#view {
		height: 270px;
	}
}
@media only screen and (max-width: 800px) {
	#view {
		height: 310px;
	}
}
@media only screen and (max-width: 479px) {
	#view {
		height: 240px;
	}
}

.menuhyo table{
            margin-left: auto;
            margin-right: auto;
          max-width: 800px;
          width:  95%;
}

.menuhyo th{
          background-color: #2d8275;
          line-height: 1em;
          border: solid 3px #ffffff;
          font-weight: bold;
          color: #ffffff;
          font-size: 13pt;
}

.menuhyo td{
          padding:  5px;
          border: solid 3px #ffffff;
          border-collapse: collapse;
          background-color: #ffffff;
          
 }     

.menuhyo td:nth-child(1) {
          width: 25%;
          background-color: #4dd0bc;
          font-weight: bold;
          color: #ffffff;
          vertical-align: middle;
}

.menuhyo td:nth-child(2){
          color: #424242;
}