@charset "UTF-8";
/*==========================================================================

	00. common
	01. caries(虫歯治療)
	02. perio(歯周病)
	03. kids(小児歯科) 
	04. prevent(予防歯科)
	05. correctional(大人の歯並び改善)
	06. pediatric(子供の歯並び改善)
	07. esthetics(審美セラミック治療)
	08. wihitening(ホワイトニング)
	09. denture(入れ歯)
	10. root(根管治療)
	11. halitosis(口臭治療)
	12. visit(訪問歯科)
	13. staff(院長スタッフ)
	14. tour(院内ツアー)
	15. price(料金表)
	16. map_time(地図・診療時間)
	17. recruit(スタッフ募集)
	18. contact(お問い合わせ)
	19. feature(本郷歯科クリニックの6つの特長)
	20. beginner(初診・診療の流れ)

	23.CMS


========================================================================== */

/*
	00. common
========================================================================== */
.gnav {
	margin:0 auto;
	max-width: 1300px;
	padding: 50px 10px 45px;
	width: 92%;
}

/* underline */
.page-catch .underline_bk{
	background:url(../images/common/underline_bk.png) repeat-x left bottom;
}
/* catch_ttl */
.page-catch .catch_ttl{
	width:auto;
	padding:8px;
	text-align:center;
	color:#FFF;
	border-radius:5px;
}
.page-catch .bg_re{
	background:#92D050;
}
.page-catch .fa-circle{
	font-size:30%;
	vertical-align:middle;
}
.gr{
	color: #92D050;
}
/* case-records */
.colunm .case-records img{
	vertical-align:top;
}
/* list-check */
.page-catch .list-check li{
	margin-bottom:5px;
	font-size: 16px;
}
.box-img-right .img{
	width: 220px;
	margin: 0 auto 10px;
	padding: 20px 0 0;
}
.box-img-right .img.modelphoto{
	width: 160px;
	margin: 0 auto 10px;
	padding: 0;
}
.box-img-right .img img{
	width: 100%;
	height: auto;
	box-sizing: border-box;
}
.bnr_loan {
    background-image: linear-gradient(-45deg, #ff7c81 25%, #f47f84 25%, #f47f84 50%, #ff7c81 50%, #ff7c81  75%,#f47f84 75%, #f47f84);
    background-size: 6px 6px;
    background-repeat: repeat;
    color: #fff;
    line-height: 1.4;
    padding: 5px 0 4px;
    width: 360px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing:1px;
}
.movie iframe {
    width: 100%;
    height: 420px;
}
/*
	01. caries(虫歯治療)
========================================================================== */
section.caries {
    padding-bottom: 40px;
}
/*　症例画像2枚並び画像サイズ小  */
.caries .case-sm {
	padding: 20px 70px;
}
/*　症例画像3枚並び  */
.caries .case_row_three{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
.caries .case_row_three li{
	width:149px;
	padding-right:7%;
	padding-left:1%;
	font-size:90%;
	background: url(../images/common/arrow02.png) no-repeat right 45%;
}
.caries .case_row_three li img{
	margin-bottom:5px;
}
.caries .case_row_three li:first-child{
	padding-left:0%;
}
.caries .case_row_three li:last-child{
	padding-right:0px;
	background:none;
}
/*　anchor link */
.caries .anchor_link{
	text-align: left;
	letter-spacing: -.40em;
	margin-bottom:  40px;
}
.caries .anchor_link li{
	width:28%;
	margin-right:1.5%;
	padding:15px 2%;
	vertical-align:top;
	letter-spacing: normal;
	display: inline-block;
	border:1px #f79599 solid;
}
.caries .anchor_link li:last-child{
	margin-right:0%;
}
.caries .anchor_link li a{
	display:block;
}
.caries .anchor_link dt{
	text-align:center;
	color:#f79599;
	font-size: 15px;
	border-bottom:1px #f79599 dotted;
}
.caries .anchor_link dd{
	width:94%;
	margin-right:auto;
	margin-left:auto;
	font-size: 13px;
}
.caries .anchor_link dd img{
	max-width:96%;
	padding:2%;
	border:1px #CCC solid;
}
.caries .anchor_link dd span.btn{
	width: 80%;
	margin:0 auto;
	padding: 5px 0;
	color: #FFF;
	text-align: center;
	background: #f79599;
	display: inline-block;
}
.caries .anchor_link dd .fa-chevron-circle-down{
	margin-right:5px;
}
/*
02. perio(歯周病)
========================================================================== */
section.perio {
    padding-bottom: 50px;
}
.perio .inquate{
	padding: 40px 30px;
	background: #eee;
	margin-bottom: 30px;
	border-radius: 20px;
}
.perio .inquate h3{
	text-align:  center;
	border-bottom: 1px dotted #484848;
	margin-bottom: 12px;
	font-size: 18px;
}
/*
03. kids(小児歯科) 
========================================================================== */
section.kids {
    padding-bottom: 40px;
}

/* まとめ */
.kids .summary{
	font-size:180%;
	text-align: center;
	letter-spacing: -.40em;
}
.kids .summary li{
	margin-right:15px;
	vertical-align:middle;
	letter-spacing: normal;
	display: inline-block;
}
.kids .summary li:first-child{
	padding:10px 60px 10px 0;
	background:url(../images/kids/kidsImg013.png) no-repeat right center;
	background-size:40px auto;
}
.kids .sum_grow{
	padding:30px;
	color:#FFF;
	background:#FFC000;
}
.kids .summary li:nth-child(2){
	padding:10px 50px 10px 0;
	background:url(../images/kids/kidsImg014.png) no-repeat right center;
	background-size:33px auto;
}
.kids .sum_device{
	width:120px;
	height:120px;
	line-height:120px;
	border-radius:60px;
	color:#FFF;
	background:#FFCCFF;
	display:inline-block;
}
.kids .summary li:last-child{
	text-align:left;
}
/*box-img-right*/
.kids .box-img-right img {
	width: 160px;
	height: auto;
}
.kids .table-nocolor .re.txt80{
	line-height: 1.3;
	display: inline-block;
}
/*
	04. prevent(予防歯科)
========================================================================== */
section.prevent {
    padding-bottom: 40px;
}
/*
	05. correctional(大人の歯並び改善)
========================================================================== */
section.correctional{
    padding-bottom: 40px;
}
.correctional .sp-none{
	display:block;
}
.correctional .menu-btn .ttl {
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.4;
	font-size: 15px;
}
.menu-btn li img {
	vertical-align:top;
}
.case-records img {
	vertical-align:top;
}
/*table-nostyle*/
.correctional .table-nostyle,
.correctional .message{
	font-size:13px;
}
.correctional .table-nostyle th{
	width:50px;
	padding: 3px 0;
	vertical-align: middle;
}
.correctional .table-nostyle td {
	padding: 3px 2px;
}
/*　症例画像2枚並び画像サイズ小  */
.correctional .case-sm {
	padding: 20px 140px;
}
/*
	06.pediatric(子供の歯並び改善)
========================================================================== */
section.pediatric {
    padding-bottom: 40px;
}
/*table-nocolor*/
.pediatric .table-nocolor th{
	font-weight:bold;
}
.pediatric .table-nocolor td:first-child{
	font-weight:bold;
}
.pediatric .table-nocolor th:first-child{
	width:100px;
}
/* プレオルソ症例 */
.pediatric .preortho_case{
	padding:15px 0;
	text-align: center;
	letter-spacing: -.40em;
	background:#FFF;
}
.pediatric .preortho_case li{
	width:25%;
	margin:0 20px;
	letter-spacing: normal;
	display: inline-block;
}
.pediatric .preortho_case li img{
	width:100%;
}
.pediatric .preortho_case dt{
	margin-bottom:10px;
	padding-bottom:50px;
	background:url(../images/pediatric/pediatricImg013.png) no-repeat bottom center;
}
/* まとめ */
.pediatric .summary{
	font-size:180%;
	text-align: center;
	letter-spacing: -.40em;
}
.pediatric .summary li{
	margin-right:15px;
	vertical-align:middle;
	letter-spacing: normal;
	display: inline-block;
}
.pediatric .summary li:first-child{
	padding:10px 60px 10px 0;
	background:url(../images/pediatric/pediatricImg015.png) no-repeat right center;
}
.pediatric .sum_grow{
	padding:30px;
	color:#FFF;
	background:#FFC000;
}
.pediatric .summary li:nth-child(2){
	padding:10px 50px 10px 0;
	background:url(../images/pediatric/pediatricImg016.png) no-repeat right center;
}
.pediatric .sum_device{
	width:120px;
	height:120px;
	line-height:120px;
	border-radius:60px;
	color:#FFF;
	background:#FFCCFF;
	display:inline-block;
}
.pediatric .summary li:last-child{
	text-align:left;
}
.pediatric i.fa-star{
	color:#FFC000;
}
/*
	07. esthetics(審美セラミック治療)
========================================================================== */
section.esthetics{
    padding-bottom: 40px;
}
/* case-records */
.esthetics .case-records img{
	vertical-align:top;
}
/* anchor_ttl */
.esthetics .anchor_ttl {
	padding: 5px 20px;
	color: #fff;
	text-align: center;
	font-size: 140%;
	background: #FFC005;
	border-radius: 5px;
}
/* anchor link three */
.esthetics .anchor_three {
	letter-spacing: -.40em;
	text-align: left;
}
.esthetics .anchor_three li {
	width: 31%;
	margin-right: 3%;
	vertical-align: top;
	letter-spacing: normal;
	display: inline-block;
}
.esthetics .anchor_three li a {
	color: #FFF;
	text-align: center;
	text-decoration: none;
	display: block;
}
.esthetics .anchor_three li img {
	width: 100%;
}
.esthetics .anchor_three li:last-child {
	margin-right: 0%;
}
.esthetics .anchor_three li > h4 {
	text-align: center;
	color: #fff;
	font-size: 110%;
	display: block;
}
.esthetics .anchor_three li h4.home {
	width: 100%;
	padding: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #00A1E0;
}
.esthetics .anchor_three li h4.clinic {
	width: 100%;
	padding: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #92D050;
}
.esthetics .anchor_three li h4.both {
	width: 100%;
	padding: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #FF9E59;
}
.esthetics .anchor_three .vote {
	width: 100%;
	padding: 15px 3px;
	letter-spacing: -.40em;
	text-align: center;
	font-size: 110%;
	color: #333;
	background: #F3F3F3;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.esthetics .anchor_three .vote dt {
	width: 50%;
	text-align: right;
	letter-spacing: normal;
	display: inline-block;
}
.esthetics .anchor_three .vote dd {
	width: 50%;
	text-align: left;
	letter-spacing: normal;
	display: inline-block;
}
.esthetics .anc_btn {
	padding: 3px 8px;
	color: #fff;
	float: right;
	text-decoration: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #FBB855;
	display: inline-block;
}

/*
	08. wihitening(ホワイトニング)
========================================================================== */
section.whitening {
    padding-bottom: 40px;
}

/* sub_ttl */
.whitening .sub_ttl span.ttl_box{
	padding: 5px 15px;
	color: #FFF;
	font-size: 100%;
	border-radius: 3px;
}
.whitening .sub_ttl span.bg_bl{
	background: #2EA5E6;
}
.whitening .sub_ttl span.bg_gr{
	background: #92D050;
}
/*　症例画像4枚並び  */
.whitening .case_row_four{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
.whitening .case_row_four li{
	width:112px;
	padding-right:9%;
	padding-left:1%;
	font-size:90%;
	background: url(../images/common/arrow02.png) no-repeat right 25%;
}
.whitening .case_row_four li img{
	margin-bottom:5px;
}
.whitening .case_row_four li:first-child{
	padding-left:0%;
}
.whitening .case_row_four li:last-child{
	padding-right:0px;
	background:none;
}
/* flow */
.whitening .flow {
	width: 100%;
	display: table;
}
.whitening .flow dt {
	padding-right: 10px;
	font-size: 200%;
	vertical-align: top;
	display: table-cell;
}
.whitening .flow dd {
	width: 95%;
	padding-top: 10px;
	vertical-align: top;
	display: table-cell;
}
.whitening .bl{
	color:#2EA5E6;
}
.whitening .gr{
	color:#92D050;
}
/*　症例画像3枚並び */
.whitening .case_row_three{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
.whitening .case_row_three li{
	width:161px;
	padding-right:7%;
	padding-left:1%;
	font-size:90%;
	background: url(../images/common/arrow02.png) no-repeat right 45%;
}
.whitening .case_row_three li img{
	margin-bottom:5px;
}
.whitening .case_row_three li:first-child{
	padding-left:0%;
}
.whitening .case_row_three li:last-child{
	padding-right:0px;
	background:none;
}
/*　症例画像3枚並び-オフィスホワイトニング  */
.whitening .case-records-three {
	text-align: center;
	font-size:95%;
}
.whitening .case-records-three li {
	text-align: left;
	vertical-align: top;
	display: inline-block;
}
.whitening .case-records-three li:nth-child(1) {
	background: url(../images/common/arrow02.png) no-repeat right center;
	margin-right: 5px;
	padding: 0px 50px 0px 0px;
}
.whitening .case-records-three li:nth-child(2) {
	background: url(../images/common/arrow02.png) no-repeat right center;
	margin-right: 5px;
	padding: 0px 50px 0px 0px;
}
/*table-nocolor*/
.whitening .table-nocolor th{
	width:60px;
	text-align:left;
}
.whitening .table-nocolor td{
	text-align:left;
}
/*
	09. denture(入れ歯)
========================================================================== */
section.denture {
    padding-bottom: 40px;
}
.denture .static img{
	width:initial;
}
/*
	10. root(根管治療)
========================================================================== */
section.root {
    padding-bottom: 40px;
}
/*　症例画像2枚並び画像サイズ小  */
.root .case-sm {
	padding: 20px 70px;
}
.root .compare.case-sm li img {
    width: 200px;
}
/*
	11. halitosis(口臭治療)
========================================================================== */
section.halitosis {
    padding-bottom: 40px;
}
/* measure_flow */
.halitosis .measure_flow{
	text-align:center;
	letter-spacing:-.40em;
}
.halitosis .measure_flow li{
	width:29%;
	padding-right:4%;
	vertical-align:top;
	letter-spacing:normal;
	display:inline-block;
	background:url(../images/halitosis/halitosisImg009.png) no-repeat right center;
}
.halitosis .measure_flow li:last-child{
	padding-right:0;
	background:none;
}
.halitosis .flow_ttl{
	color:#5FB8E0;
	font-size:17px;
	font-weight:bold;
}
.halitosis .flow_txt{
	text-align:center;
	letter-spacing:-.40em;
}
.halitosis .flow_txt li{
	width:29%;
	padding-right:4%;
	font-size:94%;
	vertical-align:top;
	letter-spacing:normal;
	display:inline-block;
}
.halitosis .flow_txt li:last-child{
	padding-right:0;
}
/*
	12.visit(訪問歯科)
========================================================================== */
section.visit {
    padding-bottom: 40px;
}

/*
	13. staff(院長スタッフ)
========================================================================== */
section.staff{
    padding-bottom: 40px;
}
/*table-nocolor*/
.staff .table-nocolor th{
	width:60px;
	text-align:left;
}
.staff .table-nocolor td{
	text-align:left;
}
/*table-nostyle*/
.staff .table-nostyle th{
	padding: 3px 0;
	vertical-align: top;
	white-space: nowrap;
}
.staff .table-nostyle td{
	padding: 3px 0 3px 10px;
	vertical-align: middle;
}
.staff .box-two-column .box-left{
	width: 410px;
}
.staff .box-two-column .box-right{
	width: 290px;
}


/*
	14. tour(院内ツアー)
========================================================================== */
section.tour {
    margin-bottom: 40px;
}

/*
	15. price(料金表)
========================================================================== */
section.price {
    margin-bottom: 60px;
}
.price .cleditcard li {
    float: left;
    margin-right: 10px;
}
.price .cleditcard li img{
    height: 46px;
    width:auto;
}
/*table-nocolor*/
.price .table-nocolor th,
.price .table-nocolor td{
	width:25%;
	vertical-align:middle;
}
/*table-normal*/
.price .table-normal th:first-child{
	background:none;
}
/*table-normal*/
.price .table-normal th:nth-child(2),
.price .table-normal th:nth-child(3){
	width:40%;
}

.price .box-img-left .img1{
	width: 240px !important;
}

/*
	16. map_time(地図・診療時間)
========================================================================== */
section.map_time {
    padding-bottom: 50px;
}
/* tel */
.map_time .tel{
	font-size: 26px;
}
/* table-nostyle */
.map_time .table-nostyle th {
	padding: 6px 0px;
}
.map_time .fa-long-arrow-right{
	margin:0 10px;
}
/* googlemap responsive */
.map_time .ggmap iframe {
	display: block;
	width: 730px;
}
/*
	17. recruit(スタッフ募集)
========================================================================== */
section.recruit {
    padding-bottom: 40px;
}
.recruit .ttl-low4.ttl-low4-1,
.recruit .ttl-low4.ttl-low4-1 span{
	font-size: 20px;
}
.recruit .table-nostyle th{
	padding: 2px 6px; 
}
/*
	18 contact(お問い合わせ)
========================================================================== */
section.contact{
    padding-bottom: 40px;
}
.contact .first-box{
	border-radius: 20px;
	border:1px solid #f0757a;
	padding: 35px 30px;
	margin-bottom: 30px;
	background: url(../images/contact/flower.jpg) no-repeat right 20px bottom 20px;
	background-size: 120px auto;
}
.contact .first-box h3{
	color: #f0757a;
	font-size: 20px;
	border-bottom: 1px dotted #f0757a;
}
.contact .ttl-low3{
	color: #f0757a;
	border-color: #f0757a;
}
/* tel */
.contact p.tel{
	font-size: 22px;
}
/* table-nocolor */
.contact .table-nocolor th {
	width: 120px;
	text-align: left;
	font-weight: bold;
}
.contact .table-nocolor td {
	text-align: left;
}

/*フォーム*/
.form {
	width: 100%;
	margin: 20px auto 20px;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
.form th {
	white-space: nowrap;
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 8px 12px;
	vertical-align: middle;
	width: 140px;
}
.form td {
	padding: 10px 15px;
	border: 1px solid #ccc;
	vertical-align: middle;
	background: #fff;
}
.form .required {
	color: #C20E11;
	margin-left: 4px;
}
.form td input[type="text"],
.form td input[type="number"],
.form td input[type="tel"],
.form td input[type="email"],
.form td input[type="adress"],
.form td textarea{
    border: solid 1px #ccc;
				padding: 2px 4px;
}
.form label {
    line-height: 1;
    display: inline-block;
    margin-right: 10px;
}
.form input{
    vertical-align: middle;
}
.wpcf7-datetime,.hasDatepicker{
	width: 200px;
	margin-bottom: 5px;
	vertical-align: middle;
}
.form input.name,
.form input.telnumber {
    width:250px;
}
.form input.email {
    width:420px;
}
.form td textarea{
	width: 400px;
}
.form .timemenu{
	width: 200px;
}
.form .visit{
	margin: 2px 4px;
}
.form .timemenu select{
	width: 200px;
	height:28px;
	line-height: 28px;
	padding: 0;
}
.form span.wpcf7-list-item.first{
	margin: 0;
}
.form-btn {
	text-align: center;
	margin-bottom: 60px;
}
.form-btn input {
	margin-right: 20px;
	line-height: 40px;
	cursor: pointer;
	padding: 0 30px;
	border-radius: 5px;
	background: #f79599;
	border: 1px solid #f79599;
	color: #fff;
	-webkit-appearance: none;
}
.contact div.wpcf7-mail-sent-ok, .contact div.wpcf7-mail-sent-ng, .contact div.wpcf7-validation-errors {
	border: none;
	text-align: center;
	color: #C20E11;
}
.contact02 span.wpcf7-not-valid-tip {
	font-size: 14px;
	color: #C20E11;
	text-align: left;
}
.form .yubin{
	width: 80px;
	margin-bottom: 5px;
}
.form .addressmore{
	font-size: 11px;
	color: #A2A2A2;
	margin-left: 4px;
}
.form #prefecture{
	width: 6em;
	padding-left: 3px;
	margin-right: 10px;
	margin-bottom: 5px;
}
.form #city{
	width: 340px;
	margin-right: 10px;
	padding-left: 3px;
	margin-bottom: 5px;
}
.form #street{
	width: 440px;
	padding-left: 5px;
}
.form .kakunin-text {
	display: block;
	font-size: 80%;
	color: #fc9b2a;
}
.form span.address, .form span.address02 {
	display: block;
	margin-top: 5px;
}
.form span.address input, .form span.address02 input {
	padding-left: 3px;
	width: 400px;
}
/*
	19. feature(本郷歯科クリニックの6つの特長)
========================================================================== */
section.feature{
    padding-bottom: 40px;
}
/*　anchor link */
.feature .anchor_link{
	text-align: center;
	letter-spacing: -.40em;
}
.feature .anchor_link li{
	width:27%;
	margin-right:2%;
	margin-bottom:15px;
	padding:15px 2% 15px 2%;
	vertical-align:top;
	letter-spacing: normal;
	display: inline-block;
	border:1px #67b1df solid;
}
.feature .anchor_link li:nth-child(3n){
	margin-right:0%;
}
.feature .anchor_link li img{
	width:96%;
}
.feature .anchor_link li a > h2{
	margin-bottom:10px;
	text-align:center;
	font-size: 14px;
	border-bottom:1px #67b1df dashed;
	color: #67b1df;
}

.feature .anchor_link li span.link{
	width:100%;
	margin:0;
	padding:5px 0;
	color:#fff;
	border-radius:50px;
	background:#67b1df;
	display:inline-block;
}

/*
	20. beginner(初診・診療の流れ)
========================================================================== */
section.beginner{
    padding-bottom: 40px;
}
/* beginner_ttl */
.beginner .beginner_ttl{
	padding: 8px 0;
	text-align: center;
	font-size: 120%;
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color:#FFF;
	border-radius: 50px;
}
.beginner .bg_bl{
	background:#48AEEE;
}
.beginner .bg_pk{
	background:#F2898D;
}
.beginner .bg_yw{
	background:#FFBD3D;
}
.beginner .mente{
	padding: 0 8px;
	color: #f87c82;
	font-size: 17px;
	margin-right: 15px;
	background: linear-gradient(transparent 65%, #ffeff0 65%, #ffeff0 100%, #fff 100%, #fff 100%);
	display: inline-block;
}
.beginner .mente2{
	padding: 0 8px;
	color: #4ea740;
	font-size: 17px;
	margin-right: 15px;
	background: linear-gradient(transparent 65%, #e8f3e7 65%, #e8f3e7 100%, #fff 100%, #fff 100%);
	display: inline-block;
}
/* anchor link */
.beginner .anchor {
	text-align: left;
	letter-spacing: -.40em;
	margin-bottom: 40px;
}
.beginner .anchor li {
	width: 32%;
	margin-right: 2%;
	font-size: 120%;
	letter-spacing: normal;
	display: inline-block;
	position: relative;
}
.beginner .anchor li:first-child a {
	padding: 8px 0;
	text-align: center;
	color:#FFF;
	border-radius: 50px;
	background:#48AEEE;
	display: block;
}
.beginner .anchor li:nth-child(2) a {
	padding: 8px 0;
	text-align: center;
	color:#FFF;
	border-radius: 50px;
	background:#F2898D;
	display: block;
}
.beginner .anchor li:last-child {
	margin-right: 0%;
}
.beginner .anchor li:last-child a {
	padding: 8px 0;
	text-align: center;
	color:#FFF;
	border-radius: 50px;
	background:#FFBD3D;
	display: block;
}
/* counter */
.beginner .counter{
	margin-left:15px;
	counter-reset: my-counter;
	list-style: none;

}
.beginner .counter li {
	margin-bottom: 10px;
	padding-left: 30px;
	position: relative;
}
.beginner .counter li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background:#DFDFDF;
	color:#777;
	display: block;
	float: left;
	line-height: 21px;
	margin-left: -30px;
	text-align: center;
	height: 21px;
	width: 21px;
	border-radius: 50%;
}
/* col yw */
.beginner .col_yw{
	color:#FFBD3D;
}
.beginner .box-img-right .img{
	width: 220px;
	margin: 0 auto 10px;
	padding: 0 0 0;
}
.beginner .list-dot.ml30{
	margin-top: -10px;
}
/*
	23. CMS
========================================================================== */
.ttl-side{
	padding: 6px 4px 4px 14px;
	border-radius: 6px;
}
.roop {
	padding-bottom: 80px;
	min-height: 500px;
}
.sidebar + .menu{
	padding-top: 30px;
}
.post {
	border-radius : 4px;
	padding: 30px 10px 60px;
	margin: 0 0 20px 20px;
	background: #fff;
	position: relative;
}
.post:after{
	content: '';
	position: absolute;
	width: 100%;
	border-bottom:1px dotted #ccc;
	bottom:0;
	left: 0;
	right: 0;
	margin: auto;
}
.post .title a{
	color: #7fc3d0 !important;
}
.post .date{
	margin-bottom: 20px;
}
.post .p-link{
	color: #2780bb;
	text-align: right;
}
.posts-btn{
	text-align: center;
	margin-top: 40px;
}
.posts-btn li{
	display: inline;
	margin-right: 30px;
}
.posts-btn li:first-child:after{
	content:"|";
	margin-left: 30px;
}
.posts-btn a {
	color: #2780bb;
	text-decoration: underline;
	vertical-align: middle;
}
.posts-btn a i {
	margin: 0 3px;
	font-size: 90%;
	vertical-align: middle;
}
.roop .post .size-full,
.roop .post img{
	max-width: 700px;
	height: auto;
}
.roop .post iframe{
	max-width: 600px;
}
.case-records-cms {
	background: url(../images/common/arrow02.png) no-repeat center center;
	width: 640px;
	margin: 20px auto;
}
.case-records-cms td{
	text-align: center;
	width: 320px;
	vertical-align: middle;
}
.case-records-cms .before img {
	background: url(../images/common/before.png) no-repeat left top;
	padding-top: 20px;
	width: 254px;
	height: auto;
}
.case-records-cms .after img {
	background: url(../images/common/after.png) no-repeat left top;
	padding-top: 20px;
	width: 254px;
	height: auto;
}
.roop .ttl-low{
	font-size: 18px !important;
}
.roop .data{
	font-size: 12px;
	color: #9E9E9E;
	margin-bottom: 16px;
}
.roop .more{
	text-align: right;
	margin-top: 80px;
}
/*サイドバー*/
.sidebar .ttl-low2 {
	padding: 8px;
	font-size: 14px;
}
.sidebar {
	margin-bottom: 30px;
	padding-top: 15px;
}
.sidebar li {
	padding: 0 10px 0 16px;
	background: url(../images/common/icon_h_sidebar.gif) no-repeat 4px 6px;
	margin-bottom: 3px;
}
.sidebar a{
	text-decoration: underline;
}
.screen-reader-text{
	display: none !important;
}
#s{
	width: 200px;
	padding: 2px 5px;
	margin: 0 auto ;
	display: block;
}
#searchsubmit {
	display: block;
	margin: 10px auto 30px;
	width: 100px;
	text-align: center;
	padding: 2px 4px ;
	font-size: 14px;
	border: 1px solid #ccc;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%);
	color: #444;
}
/*フォントサイズリセット解除*/
.post h1{
	font-size: 30px;
}
.post h2{
	font-size: 22px;
}
.post h3{
	font-size: 18px;
}
.post h4{
	font-size: 14px;
}
.post h5{
	font-size: 12px;
}
.post h6{
	font-size: 10px;
}