@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Oswald:700);

@media print,screen and (min-width: 641px){


/* ClearFix[start]
---------------------------------------------------------- */
.cf:before,
.cf:after {
	content: "";
	display: block;
}
.cf:after {
	clear: both;
}
/* ClearFix[end] */



/* Topページ用[start]
------------------------------------------------------------- */
#slidedisp {
	width: 1000px;
	height: 529px;
	display: block;
	margin:0;
	padding:0;
}
#topbox {
	width: 1000px;
	height: auto;
	margin: 0 auto;
}

#twitter-wgt {
    /* キャプションの表示位置・サイズ */
    width: 300px;
    height: 370px;
    font-size: 1.50em;
    float: left;
    margin: 0px;
    padding: 20px;
    /* キャプションの文字色・背景 */
    color: white;
    opacity: 0.8;
	line-height: 2.0;
	border: #c00 solid 1px;
	overflow: hidden;
}

#why {
	width: 300px;
    height: 400px;
    font-size: 1.50em;
    float: left;
    /* キャプションの文字色・背景 */
    color: white;
    opacity: 0.8;
	line-height: 2.0;
	border: #c00 solid 1px;
	overflow: hidden;
}

#topcont {
	width:700px;
	margin:30px 0 20px;
	float: right;
	padding: 0 20px;
	color:#CCC;
}
#topcont h2 {
	font-size: 1.1em;
	padding:10px 0 3px;
	border-bottom:#C96 solid 1px;
	margin:10px 0 0;
}
#topcont p {
	font-size:1.0em;
	padding-top:5px;
	line-height:1.5;
}

#t_1,
#t_2 {
	float:left;
	padding: 0 0 0 40px;
	font-family: "Julius Sans One","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
.topjs01,
.topjs02,
.topjs03,
.topjs04 {			
	width: 240px;
	height: 180px;
	margin: 0px 0px 50px 20px;
	position: relative;
}
.topjs01 a,
.topjs02 a,
.topjs03 a,
.topjs04 a {		
	display: block;
	position: relative;
	overflow: hidden;
	width: 240px;
	height: 180px;
	padding: 10px 0;
	text-align: center;
	line-height: 2.5;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 1.2em;
	color: #600;
}
.topjs01 a:hover,
.topjs02 a:hover,
.topjs03 a:hover,
.topjs04 a:hover {
	color: #600;
	text-decoration: none;
}
.topjs01 a {background: url(img/top01_h.png) no-repeat;}
.topjs02 a {background: url(img/top02_h.png) no-repeat;}
.topjs03 a {background: url(img/top03_h.png) no-repeat;}
.topjs04 a {background: url(img/top04_h.png) no-repeat;}

.topjs01 img,
.topjs02 img,
.topjs03 img,
.topjs04 img {	
	position: absolute;
	top: 0;
	left: 0;
}
.top05 {
	width: 450px;
	height: 180px;
	position: relative;
}


dl.news {					/* サイドの新着情報 */
	font-size: 1.0em;
	line-height: 1.3;
	width: 240px;
	background: #fff;
	opacity: 0.6;
	height: 180px;
	overflow: scroll;
	margin: 0;
	padding: 10px 0 0 0;
}
dl.news dt {
	color: #000;
	font-size:1.0em;
	
	clear:left;
	float:left;
	font-weight:bold;
	padding-left:5px;
}
dl.news dd {
	color: #000;
	
	padding-left:4em;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #ccc;
}
dl.news dd a {
	font-size: 1.0em;
	color: #930;
}
dl.news dd a:hover {
	color: #900;
	text-decoration: underline;
}
h2.news_tit {
	text-align: center;
	font-size: 1.2em;
	color: #930;
	margin: 0;
	padding: 15px 0 5px;
}
.news_tit a {
	color: #930;
}
.news_tit a:hover {
	color: #FFF;
	text-decoration: underline;
}

/* サイドのカレンダー 
------------------------------------------------------*/
.calBox {
	width: 100%;
	line-height: 1.5;
	}
.tbl_cal {
	width:100%;
	margin:0px 0 10px;
	background: #fff;
	opacity: 0.7;
	color: #333;
	font-weight: 600;
	font-size: 1.1em;
}
	.tbl_cal caption {
		text-align:left;
		font-weight:bold;
	}
	.tbl_cal th {
		text-align:center;
		padding:5px;
		border:1px solid #aaa;
		background:#eee;
		font-weight:600;
	}
	.tbl_cal td {
		padding:5px 10px;
		border:1px solid #D7CDC2;
		text-indent:0;
		vertical-align:middle;
	}
	.calBox dl,
	.calBox p {
		color: #ccc;
	}
	
	
/*snsボタン
------------------------------------------------------*/
.snsBox {
	width: 100%;
}
.snsNew {
	width: 210px;
    margin: 20px auto 10px;
	text-align: center;
}

.snsNew > li {
    float: left;
}

.snsNew > li a {
    display: block;
	width: 70px;
	height: 50px;
	text-decoration:none;
	font-size: 3.0em;
	text-align: center;
	vertical-align: middle;
}
	.snsNew > li a.btnIns {
    	COLOR: #C13584;
		background: url("../common/img/instagram-logo40.png") center no-repeat;
		text-indent: -9999px;
	}
	.snsNew > li a.btnTwi {
    	COLOR: #1DA1F2;
	}
	.snsNew > li a.btnFac {
    	COLOR: #4267B2;
	}

.snsNew > li a:hover {
	opacity: 0.7 ;
}

/* Topページ用[end] */



	
/* #main[start]
---------------------------------------------------------- */
#main {
	width: 600px;
	float: left;
	line-height: 2.0em;
	font-size: 120%;
	padding: 120px 40px 100px;
	box-shadow: 0px 0px 10px #999;
	background: #fff;
	opacity: 0.5;
}

	/* クリニック紹介ページ用[start]
	---------------------------------------------------------- */
.cpy {
	height: 200px;
	line-height: 3.5;
	font-size: 1.2em;
	font-family: Garamond,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}
	
	
	/*クリニック紹介ページ用[end] */

	/* アクセスページ用[start]
	---------------------------------------------------------- */
#map {
	width: 600px;
	margin: 0 auto;
	font-family: 'Lato',"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
#map_canvas {
	width: 500px;
	height: 300px;
 	margin: 0 auto;
}
	
	/*アクセスページ用[end] */

	/* 院長スタッフページ用[start]
	---------------------------------------------------------- */
#s_1,
#s_2 {
	width: 460px;
	float:left;
	font-size: 1.1em;
}
#s_2 p {
	padding-left: 40px;
}
#s_2 ul {
	padding: 20px 0 0 40px;
}
.stjs01,
.stjs02 {			
	width:200px;
	height:150px;
	margin: 0px 0px 50px 50px;
	position: relative;
}
.stjs01 a,
.stjs02 a {		
	display: block;
	position:relative;
	overflow: hidden;
	width: 200px;
	height: 150px;
	padding-top: 45px;
	text-align: center;
	line-height: 2.0em;
	font-size: 140%;
}
.stjs01 a {background: url(img/st01_h.jpg) no-repeat;}
.stjs02 a {background: url(img/st02_h.jpg) no-repeat;}

.stjs01 a:hover,
.stjs02 a:hover {
	color: #333;
}

.stjs01 img,
.stjs02 img {	
	position: absolute;
	top: 0;
	left: 0;
}

.stjs_t {			
	height:150px;
}
	/* 院長スタッフページ用[end] */
	/* 問い合わせページ用[start]
	---------------------------------------------------------- */
.inq {
	font-size: 1.1em;	
	width: 300px;
	line-height: 2.0;
	text-align: left;
	font-family: 'Lato',"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
	/* 問い合わせページ用[end] */
	
	/* st01,st02,st03,st04ページ用[start]
	---------------------------------------------------------- */
#s_1 h3,
#s_2 h3 {
	margin: 0;
	padding: 0 0 10px 10px;
}

/* ↑↑↑↑↑↑↑↑↑↑　twitter,facebook部分の指定は、リスト装飾部分にて全体指定 ↑↑↑↑↑↑↑↑　*/
li.rsv a {
	display: block;
	margin: 50px 0 0 0;
}
#stfbtn {
	width: 600px;
	margin: 100px auto 10px;	
}
#stfbtn ul {
	margin: 0 auto;
}
#stfbtn li {
	float: left;
	width: 100px;
	padding: 10px;
}
#stfbtn li a {
	display: block;
	width: 100px;
	height: 100px;
	text-align: center;
	font-family: "Julius Sans One","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

#stfbtn li.st01_thum a {background: url(img/st01_t.jpg) center no-repeat;}
#stfbtn li.st02_thum a {background: url(img/st02_t.jpg) center no-repeat;}
#stfbtn li.st03_thum a {background: url(img/dr_mail.png) center no-repeat;}
#stfbtn li.st04_thum a {background: url(img/st04_t.jpg) center no-repeat;}

#stfbtn li.st01_thum a:hover {background: url(img/st01_th.jpg) center no-repeat;}
#stfbtn li.st02_thum a:hover {background: url(img/st02_th.jpg) center no-repeat;}
#stfbtn li.st03_thum a:hover {background: url(img/dr_mailh.png) center no-repeat;}
#stfbtn li.st04_thum a:hover {background: url(img/st04_th.jpg) center no-repeat;}

span.st_name {
	display: block;
	text-align: center;
	font-family: "Julius Sans One","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

	/* st01,st02,st03,st04ページ用[end] */
	
	/* menu/料金一覧ページ用 [start] 
	--------------------------------------------------------------- */
	
.rnk p {
	padding: 10px;
	line-height: 1.5em;
	font-size: 1.0em;
}
section.yen {
	padding: 0;
	width: 920px;
}
.yen table {
	margin: 0 auto;
	width: 920px;
	border: 1px #999 solid;
}
.yen th, .yen td {
	font-size: 1.0em;	
	border: 1px #999 solid;
	padding: 5px 20px;
}
.yen th {
	/*background: url(img/th_bg.png) repeat-y scroll center top;*/
	background: #999;
	padding: 0;
	color: #fff;
	width: 140px;
	border: #333 solid 1px;
}
	/* 点滴/料金一覧ページ用 [start] 
	--------------------------------------------------------------- */
#accordion {
	width: 480px;
	padding-right: 20px;
}
#accordion h3 {
	cursor: pointer;
}
table.drp {
	margin: 0 auto;
	width: 920px;
	border: 1px #999 solid;
}
.drp th, .drp td {
	font-size: 1.1em;	
	border: 1px #999 solid;
	padding: 5px 10px;
}
	/* 点滴ページ用[end] */	
	/* #fxdnav[start]
	---------------------------------------------------------- */
#fxdnav {
	width: 220px;				 /* メニューnav固定用 */	
	text-align: left;
	line-height: 2.5em;
}
#fxdnav li {
	font-family: "Julius Sans One","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 1.2em;
	width: 220px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -moz-text-overflow:ellipsis; /* Firefox */
    -o-text-overflow: ellipsis; /* Opera */
}
.fixed {						/* メニューnav固定用 */
    position: fixed;
    top: 0;
}

	/* #fxdnav[end]
	---------------------------------------------------------- */
	
dl.price {
	margin: 20px auto 40px;
	width: 400px;
	font-size: 110%;
}
dl.price dt {
	clear: left;
	float: left;
	text-align: left;
}
dl.price dd {
	text-align: right;
}
#main p.togall {		/* galleryページへのリンク用 */f
	width: 320px;
	margin: 0 auto;
	font-family: 'Lato',"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 120%;
	text-align: right;
}
.togall a {				/* galleryページへのリンク用 */
	display: block;
	color: #fff;
	background: #999;
	padding: 0 5px 0 0;
}
.togall a:hover {		/* galleryページへのリンク用 */
	color: #fff;
	background: #666;
}
#mentxt {
	margin: 20px auto;
	color: #000;
	font-weight: bold;
	font-size: 1.3em;
	font-family: Garamond,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}
#mentxt p {
	padding: 0;
}
	/* menu/indexページ用 [end] */

	/* menu/galleryページ用 [start] 
	--------------------------------------------------------------- */
#slide_hair {		/* gallery用スライドショーdiv */
/* Javascript OFF 対応 START */
	position: relative;
/* Javascript OFF 対応 END */
	width: 630px;				/* 幅 */
	height: 430px;				/* 高さ */
	margin: 10px auto 0;			/* 上外余白 */
	border: #666 solid 1px;	/* 枠 */
}

/* Javascript OFF 対応 START */
#slide_hair img {
	position: absolute;
}
/* Javascript OFF 対応 END */

#imagealt {					/* 写真の説明ウィンドウ */
	text-align: center;			/* 文字の中央表示 */
	background: #eee;			/* 灰色 */
	width: 630px;				/* 幅 */
	margin: 10px auto 20px;			/* 上下余白 */
	border-top: 1px #fff solid;	/* 上ボーダー */
	border-bottom: 1px #fff solid;	/* 下ボーダー */
}

#imagealt p {
	padding: 5px;
}

#slide_btn {
	width: 630px;
	border: #666 solid 1px;
	margin: 30px auto;
	padding-bottom: 10px;
	font-family: 'Lato',"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
#slide_btn li {
	width: 210px;
	float: left;
	text-align: center;
}
	/* menu/galleryページ用 [end] */
	
	/* siterule用 [start] 
	--------------------------------------------------------------- */
li.br1 {							/* 推奨ブラウザ表記リスト */
	padding-left: 20px;
	margin-top: 5px;
	background: url(../rule/img/exp_16.png) left center no-repeat;
}
li.br2 {
	padding-left: 20px;
	margin-top: 5px;
	background: url(../rule/img/ffx_16.png) left center no-repeat;
}
li.br3 {
	padding-left: 20px;
	margin-top: 5px;
	background: url(../rule/img/chm_16.png) left center no-repeat;
}
li.br4 {
	padding-left: 20px;
	margin-top: 5px;
	background: url(../rule/img/saf_16.png) left center no-repeat;
}
	/* siterule用 [end] */
	
	/* sitemap用 [start] 
	--------------------------------------------------------------- */
.stmap {
	width: 650px;
	border-top: #CCC solid 1px;
	padding: 10px 0 30px;
	font-family: 'Lato',"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
.stmap dl {
	float: left;
	width: 200px;
	padding: 0 0 0 15px;
}
.stmap dt {
	font-size: 120%;
	color: #000;
}
.stmap dd {
	font-size: 90%;
}
	/* sitemap用 [end] */
	
/* #main[end] */	

	



/* jewページ用[start]
-------------------------------------------------------------- */

.example-image-link {
  display: inline-block;
  line-height: 0;
  border: 3px solid #fff;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
/* line 191, ../sass/screen.sass */
.example-image-link:hover {
  border: 3px solid #CCC;
}
/* jewページ用[end] */

}
/* media screen 画面最小幅の設定ここまで*/


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

/* ClearFix[start]
---------------------------------------------------------- */
.cf:before,
.cf:after {
	content: "";
	display: block;
}
.cf:after {
	clear: both;
}
/* ClearFix[end] */

/* Basic-Design Structure 全体構造
----------------------------------------------------------- */
#wrapper {
	width: 100%;
	margin: 0 auto;
	font-size: 1.0em;
}
article {

}

/* 全体構造[end] */

	
/* Topページ用[start]
------------------------------------------------------------- */

#topslideHome {
	width: 100%;
	margin:0 auto 10px;
	z-index:-100 !important;
}

#topbox {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

#twitter-wgt {
    /* キャプションの表示位置・サイズ */
    width: 300px;
    height: 370px;
    font-size: 1.50em;
    float: left;
    margin: 0px;
    padding: 20px;
    /* キャプションの文字色・背景 */
    color: white;
    opacity: 0.8;
	line-height: 2.0;
	border: #c00 solid 1px;
	overflow: hidden;
}

#why {
	width: 300px;
    height: 400px;
    font-size: 1.50em;
    float: left;
    /* キャプションの文字色・背景 */
    color: white;
    opacity: 0.8;
	line-height: 2.0;
	border: #c00 solid 1px;
	overflow: hidden;
}

#topcont {
    width: 90%;
	padding: 10px;
	margin:0 auto;
	color:#ccc;
}
#topcont h2 {
	font-size: 1.1em;
	padding:20px 0 3px;
	border-bottom:#C96 solid 1px;
	margin:5px 0;
}
#topcont p {
	font-size:1.0em;
	padding-top:5px;
	line-height:1.5;
}

#t_1,
#t_2 {
	float:left;
	padding: 0 0 0 40px;
	font-family: "Julius Sans One","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
.topjs01,
.topjs02,
.topjs03,
.topjs04 {			
	width: 240px;
	height: 180px;
	margin: 0px 0px 50px 20px;
	position: relative;
}
.topjs01 a,
.topjs02 a,
.topjs03 a,
.topjs04 a {		
	display: block;
	position: relative;
	overflow: hidden;
	width: 240px;
	height: 180px;
	padding: 10px 0;
	text-align: center;
	line-height: 2.5;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 1.2em;
	color: #600;
}
.topjs01 a:hover,
.topjs02 a:hover,
.topjs03 a:hover,
.topjs04 a:hover {
	color: #600;
	text-decoration: none;
}
.topjs01 a {background: url(img/top01_h.png) no-repeat;}
.topjs02 a {background: url(img/top02_h.png) no-repeat;}
.topjs03 a {background: url(img/top03_h.png) no-repeat;}
.topjs04 a {background: url(img/top04_h.png) no-repeat;}

.topjs01 img,
.topjs02 img,
.topjs03 img,
.topjs04 img {	
	position: absolute;
	top: 0;
	left: 0;
}
.top05 {
	width: 450px;
	height: 180px;
	position: relative;
}

dl.news {					/* サイドの新着情報 */
	font-size: 1.0em;
	line-height: 1.3;
	width: 98%;
	background: #fff;
	opacity: 0.6;
	height: 180px;
	overflow: scroll;
	margin:0 auto;
	padding:10px 0;
}

dl.news dt {
	color: #000;
	font-size:1.0em;
	
	clear:left;
	float:left;
	font-weight: 500;
	padding-left:1em;
}
dl.news dd {
	color: #000;
	
	padding-left:7em;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #ccc;
}
dl.news dd a {
	font-size: 1.0em;
	color: #930;
}

h2.news_tit {
	text-align: center;
	font-size: 1.2em;
	color: #930;
	margin: 0;
	padding: 15px 0 5px;
}
.news_tit a {
	color: #930;
	text-decoration: none;
}
.news_tit a:hover {
	color: #FFF;
	text-decoration: none;
}
	

.calBox {					/* サイドのカレンダー */
	width: 98%;
	line-height: 1.5;
	}
.tbl_cal {
	width:100%;
	margin:0px 0 10px;
	background: #fff;
	opacity: 0.7;
	color: #333;
	font-weight: 500;
	font-size: 1.0em;
}
	.tbl_cal caption {
		text-align:left;
		font-weight:bold;
	}
	.tbl_cal th {
		text-align:center;
		padding:5px;
		border:1px solid #aaa;
		background:#eee;
		font-weight:600;
	}
	.tbl_cal td {
		padding:5px 10px;
		border:1px solid #D7CDC2;
		text-indent:0;
		vertical-align:middle;
	}
	.calBox dl,
	.calBox p {
		width: 315px;
		color: #ccc;
		margin: 0 auto;
	}
	
	
/*snsボタン
------------------------------------------------------*/
.snsBox {
	width: 100%;
}
.snsNew {
	width: 210px;
    margin: 20px auto 10px;
	text-align: center;
}

.snsNew > li {
    float: left;
}

.snsNew > li a {
    display: block;
	width: 70px;
	text-decoration:none;
	font-size: 3.0em;
	text-align: center;
	vertical-align: middle;
}
	.snsNew > li a.btnIns {
    	COLOR: #C13584;
		background: url("../common/img/instagram-logo40.png") center no-repeat;
		text-indent: -9999px;
	}
	.snsNew > li a.btnTwi {
    	COLOR: #1DA1F2;
	}
	.snsNew > li a.btnFac {
    	COLOR: #4267B2;
	}

.snsNew > li a:hover {
	opacity: 0.7 ;
}

/* Topページ用[end] */



/* #cont[start] 
-------------------------------------------------------------- */
#cont {
	width: 100%;
	margin:20px auto 80px;
	padding: 0 0;
	height:auto;
}

/* #cont[end] */
	



	
	
	
	
	
	
	
	
	
}