@charset "UTF-8";
/* CSS for single.php */

.clear{ clear:both; }

/*-----clearfix*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */

.fll { float:left;}

.mtb0{ margin-top:0;margin-bottom:0; }
.m0{ margin:0; }
.p0{ padding:0; }
.p6{ padding:6px; }
.p12{ padding:12px; }
.p18{ padding:18px; }

.mt3{ margin-top:3px !important; }
.mt5{ margin-top:5px !important; }
.mt12{ margin-top:12px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt75{ margin-top: 75px !important; }

.mr12{ margin-right:12px !important;}
.mr24{ margin-right:24px !important;}
.mr32{ margin-right:32px !important;}
.mr48{ margin-right:48px !important;}

.mb3{ margin-bottom:3px !important; }
.mb5{ margin-bottom:5px !important; }
.mb8{ margin-bottom:8px !important; }
.mb12{ margin-bottom:12px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb40{ margin-bottom:40px !important; }
.mb75{ margin-bottom: 75px !important; }

.ml12{ margin-left:12px !important;}
.ml24{ margin-left:24px !important;}
.ml32{ margin-left:32px !important;}
.ml48{ margin-left:48px !important;}

.pt3{ padding-top:3px; }
.pt5{ padding-top:5px; }
.pt12{ padding-top:12px; }
.pt15{ padding-top:15px; }
.pt20{ padding-top:20px; }
.pt25{ padding-top:25px; }
.pl12{ padding-left:12px; }
.pl24{ padding-left:24px; }
.pl36{ padding-left:36px; }
.pb3{ padding-bottom:3px; }
.pb5{ padding-bottom:5px; }
.pb12{ padding-bottom:12px; }
.pb15{ padding-bottom:15px; }
.pb20{ padding-bottom:20px; }
.pb25{ padding-bottom:25px; }

.lh12{ line-height:1.2 !important; }
.lh13{ line-height:1.3 !important; }
.lh14{ line-height:1.4 !important; }
.lh16{ line-height:1.6 !important; }
.lh18{ line-height:1.8 !important; }
.lh28{ line-height:2.8 !important; }

.ls001{ letter-spacing: 0.1em !important;}
.ls1{ letter-spacing: 1em !important;}
.ls14{ letter-spacing: 140% !important;}

.fs08{ font-size:80% !important; }
.fs085{ font-size:85% !important; }
.fs09{ font-size:90% !important; }
.fs10{ font-size:100% !important; }
.fs11{ font-size:110% !important; }
.fs115{ font-size:115% !important; }
.fs12{ font-size:120% !important; }
.fs125{ font-size:125% !important; }
.fs13{ font-size:130% !important; }
.fs135{ font-size:135% !important; }
.fs14{ font-size:140% !important; }
.fs145{ font-size:145% !important; }
.fs15{ font-size:150% !important; }

.fw_n { font-weight: normal !important;}

.shourei {
color: #999999;
}
.sml.txt_gray {
	color: #949494;
	font-size: 69%;
	font-weight:normal;
}

.dotted_b { border-bottom:1px dotted #DEDEDE;}

.line_b { border-bottom:1px solid #DEDEDE;}

.th3 {font-weight:normal; background:#f3f3f3; background:rgba(255,255,255,0.7); color:#333;}

@font-face {
    font-family: 'KozGoPro-ExtraLight';
	src: url('wf/KozGoPro-ExtraLight.eot');
    src: url('wf/KozGoPro-ExtraLight.otf') format('opentype'); 
}

@font-face {
    font-family: 'KozMinoPro-L';
    src: url('wf/KozMinPr6N-ExtraLight.eot'); 
    src: url('wf/KozMinPr6N-ExtraLight.otf') format('opentype'); 
}


.title_pattern1 {
				font-family: KozGoPro-ExtraLight !important;
                  font-size: 195% !important;
                  color: #1c8ab4 !important;
                  font-weight: normal !important;
                  line-height: 1.4 !important;
}

.title_pattern2 {
				font-family: KozGoPro-ExtraLight !important;
                  color: #1c8ab4 !important;
                  font-weight: normal !important;
                  line-height: 1.6 !important;
}

.title_pattern3 {
				font-family: KozMinoPro-L !important;
				font-weight:lighter !important;
				font-size: 145% !important;
                color: #111 !important;
                line-height: 1.4 !important;
}

.title_pattern1 span { font-size: 80% !important;
                       line-height: 1.4 !important;
                       letter-spacing: 75% !important;
 }
.att { font-size: 75% !important;
       line-height: 1.4 !important; }
.fc_blue { color: #1c8ab4 !important;}
.fc_blc { color: #333 !important;}
.fc_red { color: #e30 !important;}
.fc_white { color: #FFF !important;}

.list_pattern1 { font-family: KozGoPro-ExtraLight !important;
                  color: #666666 !important;
                  font-weight: normal !important;
}
#root_shibuya .maru_number{
	background:#fcd43b;
	display:inline-block;
	padding:5px 10px;
	border-radius:4em;
	font-weight:bold;
	color: #fff;
	margin-bottom: 5px;
}

.btn_white{
	display: block;
	min-width: 200px;
	padding:24px 40px;
	margin: 20px auto;
	color: #333;
	text-align: center;
	cursor: pointer;
	border: none;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f0eff4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0eff4));
	background: -webkit-linear-gradient(top, #ffffff 0%,#f0eff4 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f0eff4 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#f0eff4 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#f0eff4 100%);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.ie .btn_white{
	border:1px #ccc solid;
}
.btn_white:hover{
	color: #dd0000;
	background: #fcfaf2;
	background: -moz-linear-gradient(top,  #fcfaf2 0%, #f2e3e9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfaf2), color-stop(100%,#f2e3e9));
	background: -webkit-linear-gradient(top,  #fcfaf2 0%,#f2e3e9 100%);
	background: -o-linear-gradient(top,  #fcfaf2 0%,#f2e3e9 100%);
	background: -ms-linear-gradient(top,  #fcfaf2 0%,#f2e3e9 100%);
	background: linear-gradient(to bottom,  #fcfaf2 0%,#f2e3e9 100%);
}

.first_top2{
	width: 973px;
	height: 350px;
	padding: 5px;
	padding-top:15px;
	background-image: url(http://www.shibuyakyousei.jp/w/wp-content/uploads/first_topfast.jpg);
	background-position: -20px;
	background-repeat: no-repeat;	
}

.first_movie{
	width: 910px;
	height: auto;
	padding-top: 12px;
	padding-bottom:12px;
	background-color:#EEE;
	padding-left:60px;
}

.first_toplead{
	width: 420px;
	margin-top:142px;
	margin-left: 40px;
}

.first_box1{ 
     width:973px;
}

.first_midbox1{ 
    width: 458px;
	float:left;
}
.first_midbox2{
	width: 216px;
	float:left;
}

.width300 {width: 300px;}

/*------------------------------* 治療内容 fast矯正 */
.fast_detail01 { 
    background-image: url(http://www.shibuyakyousei.jp/w/wp-content/uploads/fast_13.jpg);
    background-repeat:no-repeat;
	background-position:right;
	margin-top: 45px;
}

.fast_detail01 li {
	margin-bottom: 25px;
	line-height: 12px;
}

.fast_detail01 .w_half { width: 335px;}


/*------------------------------* 歯列矯正の痛み */
#pain_top {
    background-image: url(http://www.shibuyakyousei.jp/w/wp-content/uploads/pain_01.jpg);
    background-repeat:no-repeat;
	background-position:right;
}

.pain_toptext {
	width: 460px;
}

#pain_third ul .LeftC { 
    width: 330px;
	float: left;
	margin-right: 28px;
}

#pain_third ul .RightC { 
    width: 330px;
	float: left;
}

/*------------------------------* 歯を抜かない矯正 */
#pullout_second .leftC { 
    width: 314px;
	float: left;
	margin-right: 32px;
}

#pullout_second .rightC { 
    width: 314px;
	float: left;
}

#pullout_third {
    background-image: url(http://www.shibuyakyousei.jp/w/wp-content/uploads/pullout_07.jpg);
    background-repeat:no-repeat;
	background-position:right;
}


/* 20140903 */
.mark01 {
	color: #ff004f;
}





/* 20141017 */
.title_pattern1,
.title_pattern5,
.title_pattern5-2,
.title_pattern6 {/* h2スタイルの消去 */
	border-left: none !important;
	padding: 0 !important;
 }
.title_pattern4 {
	border-left: 1px solid #e5437d;
    color: #e5437d !important;
    font-size: 20px !important;
    font-weight: normal !important;
    line-height: 1.6 !important;
    margin: 0 0 26px;
    padding: 0 0 0 19px !important;
}

.title_pattern5,
.title_pattern5-2,
.title_pattern6 {
	font-family: KozGoPro-ExtraLight !important;
	font-size: 150% !important;
	font-weight: normal !important;
	line-height: 1.4 !important;

}
.title_pattern5 {
	margin-bottom: 25px;
}
.title_pattern5-2,
.title_pattern6 {
	margin: 25px 0 15px;
}
	.title_pattern5,
	.title_pattern5-2 {
		color: #1c8ab4 !important;
	}
	.title_pattern6 {
		color: #cc6e6e !important;
	}


	/* 渋谷歯科の治療ページ固有 */
	.txt-body-ptn01 {
		margin-top: 30px;
	}
		.txt-body-ptn01 .txt-body {
			float: right;
			display: inline;
			width: 430px;
			
		}
	
	.txt-body-ptn02 {
	}
		.txt-body-ptn02 .txt-body {
			float: right;
			display: inline;
			width: 365px;
			
		}
	
	.txt-body-ptn03 {
	}
		.txt-body-ptn03 .txt-body {
			width: 310px;
			
		}

	/* width */
	.wd-ptn01 {/* h2top部分 */
		width: 490px;
	}
	.wd-ptn02 {/* h2top部分 */
		width: 430px;
	}
	.wd-ptn03 {
		width: 100%;
	}
	
	/* sub-block */
	.sub-block {
		margin-top: 25px;
	}
	
	
	
	/* movie */
	.movie .txt-lead {
		margin-top: 60px;
	}

	.movie .movie-body {
		text-align: center;
		margin: 60px 0 0;
	}
		.movie .movie-body iframe {
			margin-bottom: 60px;
		}
	
	/* スタッフ紹介youtube用 */
	.movie.movie-body {
		text-align: center;
	}
		.movie.movie-body iframe {
			margin-bottom: 60px;
		}





/* スタッフ紹介 動画 20141020追加 */
.single-info video {
	margin-bottom: 40px;
}



/* LP */
	/* 発音・滑舌の矯正 treatmentページ固有 */
	.page-treatment .bg-ptn01 {
		background: url(images/treatment/bg_treatment-01.jpg) no-repeat right top;
	}
	.page-treatment .bg-ptn02 {
		background: url(images/treatment/bg_treatment-02.jpg) no-repeat left top;
		
	}
	.page-treatment .bg-ptn03 {
		background: url(images/treatment/bg_treatment-03.jpg) no-repeat left top;
	}
	.page-treatment .bg-ptn04 {
		background: url(images/treatment/bg_treatment-04.jpg) no-repeat left top;
	}
	.page-treatment .bg-ptn05 {
		background: url(images/treatment/bg_treatment-05.jpg) no-repeat left top;
	}
	.page-treatment .bg-ptn06 {
		background: url(images/treatment/bg_treatment-06.jpg) no-repeat right top;
	}


	/* すきっ歯について skiptoothページ固有 */
	.page-skiptooth .bg-ptn01 {
		background: url(images/skiptooth/bg_skiptooth-01.jpg) no-repeat right top;
	}
	.page-skiptooth .bg-ptn02 {
		background: url(images/skiptooth/bg_skiptooth-02.jpg) no-repeat left top;
		
	}
	.page-skiptooth .bg-ptn03 {
		background: url(images/skiptooth/bg_skiptooth-03.jpg) no-repeat left top;
	}
	.page-skiptooth .bg-ptn04 {
		background: url(images/skiptooth/bg_skiptooth-04.jpg) no-repeat left top;
	}
	.page-skiptooth .bg-ptn05 {
		background: url(images/skiptooth/bg_skiptooth-05.jpg) no-repeat left top;
	}
	.page-skiptooth .bg-ptn06 {
		background: url(images/skiptooth/bg_skiptooth-06.jpg) no-repeat right top;
	}
	
		.page-skiptooth .txt-body-ptn01,
		.page-skiptooth .sub-block02 {
			margin-top: 70px;
		}
	
	/* 出っ歯について buckteeth */
	.page-buckteeth .bg-ptn01 {
		background: url(images/buckteeth/bg_buckteeth-01.jpg) no-repeat right top;
	}
	.page-buckteeth .bg-ptn02 {
		background: url(images/buckteeth/bg_buckteeth-02.jpg) no-repeat left top;
		
	}
	.page-buckteeth .bg-ptn03 {
		background: url(images/buckteeth/bg_buckteeth-03.jpg) no-repeat left top;
	}
	.page-buckteeth .bg-ptn04 {
		background: url(images/buckteeth/bg_buckteeth-04.jpg) no-repeat left top;
	}
	.page-buckteeth .bg-ptn05 {
		background: url(images/buckteeth/bg_buckteeth-05.jpg) no-repeat left top;
	}
	.page-buckteeth .bg-ptn06 {
		background: url(images/buckteeth/bg_buckteeth-06.jpg) no-repeat right top;
	}
		.page-buckteeth .txt-body-ptn01,
		.page-buckteeth .sub-block02 {
			margin-top: 70px;
		}
	
	/* 舌側矯正 lingul */
	.page-lingul .bg-ptn01 {
		background: url(images/lingul/bg_lingul-01.jpg) no-repeat right top;
	}
	.page-lingul .bg-ptn02 {
		background: url(images/lingul/bg_lingul-02.jpg) no-repeat left top;
		
	}
	.page-lingul .bg-ptn06 {
		background: url(images/lingul/bg_lingul-06.jpg) no-repeat right top;
	}

/*お知らせ　カレンダー用*/
.sec_body h2.calendar-title {
    font-size: 1.4rem;
    text-align: left;
    width: 70%;
    margin: 50px auto 20px;
    font-weight: bold;
    border-bottom: 2px solid #006a90;
}
.sec_body h2.calendar-title span.month {
    font-size: 1.9rem;
    padding-right: 6px;
}
table.calendar-table {
  width: 70%;
  margin: 0 auto;
}
table.calendar-table thead {
  width: 100%;
}
table.calendar-table thead th {
  display: table-cell;
  text-align: center;
  background: #eceeef;
  width: 14.28%;
}
table.calendar-table thead th:last-child {
	border-right: none;
}
table.calendar-table tbody.calendar-body td {
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 0.3rem 0.3rem;
  vertical-align: top;
  width: 14.28%;
  height: 70px;
  background: #f9f9fa;
}
table.calendar-table tbody.calendar-body td:last-child {
	border-right: none;
}
table.calendar-table tbody.calendar-body td .day {
    font-size: 1rem;
    text-align: left;
    display: block;
    margin-bottom: 1.0rem;
}
table.calendar-table tbody.calendar-body td .txt {
    font-size: 0.8rem;
    background: #d96842;
    letter-spacing: 0.15rem;
    /* border-radius: 4px; */
    padding: 0.1rem 0rem 0.1rem 0.18rem;
    color: #fff;
    font-weight: 500;
    text-align: center;
}
table.calendar-table tbody.calendar-body td .add-ex {
    font-size: 0.7rem;
    display: inline-block;
    line-height: 1.4;
    text-align: left;
    color: #676666;
}
table.calendar-table tbody.calendar-body td.closed {
  background: #f6dbd2;
}
table.calendar-table tbody.calendar-body td:first-child,
table.calendar-table tbody.calendar-body td.hol{
  /*background: #f9ebeb;*/
  color: #e65752;
}
table.calendar-table tbody.calendar-body td:last-child {
  color: #00759b;
}
p.calnedar-remarks {
  width: 70%;
  margin: 0 auto 0.5rem;
  font-size: 0.9rem;
  font-weight: 300;
  line-height: 1.6;
}
p.calendar-open-hours {
	width: 70%;
	margin: 0 auto 0.5rem;
	font-size: 0.9rem;
	font-weight: 300;
    color: #006a90;
    line-height: 1.3;
    letter-spacing: 0.04rem;
}
@media screen and (max-width:767px) {
    .sec_body h2.calendar-title {
      width: 100%;
      font-size: 1.1rem;
    }
    
    table.calendar-table {
      width: 100%;
      margin: 0 auto;
    }
    table.calendar-table tbody.calendar-body td {
      padding: 5px;
      font-size: 1.2rem;
	  height: auto;
    }
	table.calendar-table tbody.calendar-body td .txt {
      font-size: 0.6rem;
	  padding: 0.05rem;
	}
	table.calendar-table tbody.calendar-body td .day {
		margin-bottom: 0;
		font-size: 0.9rem;
		padding: 0 0.2rem;
	}
	table.calendar-table tbody.calendar-body td .add-ex {
    font-size: 0.6rem;
	}
    p.calnedar-remarks,
	p.calendar-open-hours {
      width: 100%;
    }
}
@media screen and (max-width:320px) {
   table.calendar-table tbody.calendar-body td {
      padding: 3px 1px;
      font-size: 1.2rem;
	  height: auto;
    }
}