/*
 Theme Name:   wsc8 Child
 Description:  なかじょう歯科仕様
 Author:       suekuni
 Author URI:
 Template:     wsc8
*/
@import url ('../wsc8/style.css');

/*-----------------------------------------------------------------------

　端末用のスタイルまとめて下に書いてます。

-----------------------------------------------------------------------*/

/*------------------------------------
    ----------------------------------
  		Structure
  	----------------------------------
 
  	01.共通スタイル（全体・ヘッダー・ナビゲーション・フッター）
    02.[START] トップページ
    03.ブログページ共通
    04.single(記事ページ)
    05.error(404.php)
    06.[START] 下層ページ　固定ページ
        06-01.治療方法
        06-02.院長紹介
        06-03.医院のご案内
        06-04. アクセス
		06-04.

    Media Query
    07.レスポンシブ　(max-width: 768px)
        07-01.レスポンシブ ヘッダー、フッター、ナビ　ページ
        07-02.レスポンシブ TOPページ
        07-03.レスポンシブ院長紹介
        07-04.レスポンシブ院内のご案内
    08.レスポンシブ　(max-width: 767px)
        08-01.レスポンシブ TOPページ
        08-02.レスポンシブ お問い合わせページ
        08-03.レスポンシブ 院長紹介
    09.レスポンシブ　(max-width: 800px)
        09-01.レスポンシブ　フッター
------------------------------------*/

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

	01.共通スタイル（全体・ヘッダー・ナビゲーション・フッター）

************************************************************************/
/*パンくずリスト*/

.breadcrumbs{
	display: none!important;
}

/*iphone用*/
.sp-iphone{
	display: none;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}

* {
  line-height: 1.8em;
}

em {
  font-style: normal;
}

a:hover {
  text-decoration: none;
}

img {
  max-width: 100%;
}

ul,li {
  list-style: none;
  padding: 0;
}

.txt-blue {
  color: #026eb8;
}

.section {
  padding: 30px;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}
.align-left {
  text-align: left;
}

.bold {
  font-weight: bold;
}
.font-m {
    font-size: 1.3em;
}

header {
  padding: 20px 0 0 0;
}

.header {
    text-align: center;
    padding: 1%;
}

.tel-box .phone-number {
    font-weight: normal;
	font-size: 2em;
	margin: 0;
}

nav {
  background-color: #fbb520;
  margin: 1.5em 0 0 0;
}

nav ul {
  display: flex;
  margin-bottom: 0;
}

nav li {
  width: 16.5%;
}

nav a {
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 100%;
}

nav a span {
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #fbcb66;
  width: 100%;
  height: 3em;
}

nav li:last-child a span {
  border-right: 1px solid #fbcb66;
}

/*ナビゲーション*/
#gnav {
    background-color: #06a6ec!important;
	margin: 0;
}

.gnav-container li {
    /*padding: 15px!important;*/
}

.gnav-container li.current-menu-item a {
    background-color: #026eb8!important;
    color: #fff!important;
}

.gnav-container li a{
	display: -webkit-flex!important;
	 display: flex;
 	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	align-items: center; /* 縦方向中央揃え */
 	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 	justify-content: center; /* 横方向中央揃え */
	padding: 15px!important;
    /*border-left: 1px solid #93ddd5;*/
	color: #fff!important;
}

.gnav-container li a:hover {
    background-color: #026eb8!important;
	color: #fff!important;
}

/* submenu */
.gnav-container li .sub-menu li{
  width: 100%;
}
.gnav-container li .sub-menu li a{
  background: #06A6EC!important;
  border-top: 1px solid #fff!important;
}

/*フッター*/
#copyright {
    float: initial!important;
    padding: 20px 0;
    font-size: 11px;
    line-height: 20px;
    text-align: right!important;
	color: #fff;
}

.footerBottom {
    background-color: #08a6ec!important;
}

.footer-widget{
	display: none;
}


/*ページトップへjquery*/

.page_top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	background: #08a6ec;
	border: 2px solid #ffffff;
    text-align: center;
    line-height: 44px;
}

a.page_top:hover {
    color: #fff;
    text-decoration: none;
}

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

  [終わり] 共通スタイル（全体・ヘッダー・ナビゲーション・フッター）

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



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

	02.[START] トップページ

************************************************************************/
.page-home{
	padding: 0;
    margin: 0;
    overflow: hidden;
	position: relative;
}

.main-visual{
	background: url(img/top_main.jpg)center center no-repeat;
    background-size: cover;
	height: 520px;
}

/*-----------------------------------------------------------------------
	なかじょう歯科の3つの特徴
-----------------------------------------------------------------------*/
.page-home-conts {
    max-width: 960px;
    margin: 3% auto;
	overflow: hidden;
}

.page-home-conts h2{
	text-align: center;
    font-size: 2em;
    font-weight: lighter;
    color: #17a6e6;
	letter-spacing: 0.1em;
}

.chara-area {
    overflow: hidden;
    margin: 0;
    padding: 0;
	text-align: center;
}

.chara-box {
    width: 33.3%;
    float: left;
    padding: 4%;
	position: relative;
}

.chara-box p {
    margin: 13% 0;
}

.chara-box img {
    width: 100%;
    border-radius: 5px;
}

.h3 {
    position: absolute;
    top: 199px;
    left: 95px;
    display: flex;
    font-size: 2.5em;
    margin: 0;
    font-weight: normal;
    border-bottom: 1px solid;
    width: 70%;
    text-align: right;
    display: inline-block;
    padding: 0;
	letter-spacing: 0.1em;
}

.more a:link{
	color: #fff;
    text-decoration: none;
}

/* line */
.line{
  display: flex;
  font-size: 16px;
  border: 1px solid #3AAE36;
  border-radius: 10px;
  align-items: center;
  padding: 2%;
  margin: 2%;
}
.line .line_id {
  /* display: inline-block;
  vertical-align: bottom;
  margin-right: 5px; */
  /* 200115変更 */
  display: inline-block;
  vertical-align: bottom;
  margin: 5px 5px 0 0;
}
.line a{
  /* display: block;
  color: #fff;
  background: #3AAE36;
  border-radius: 5px; */
  /* 200115変更 */
  display: inline-block;
  color: #fff;
  background: #3AAE36;
  border-radius: 5px;
  padding: 0 3%;
}
.line p{
  margin: 0;
  /*200115追加*/
  display: inline-block;
}
.line p span{
  display: block;
  color: #3AAE36;
  font-weight: bold;
}
}
.line .left_box{
  width: 160px;
}

.line .right_box{
  width: 230px;
  text-align: center;
  vertical-align: middle;
}
.line .center_box{
  padding: 5px 10px;
  width: calc(100% - (160px + 230px));
}
/* 200115追加 */
img.line_qr {
    width: 55%;
}

/*アクセス*/
.access-area {
    padding: 4% 0;
    overflow: hidden;
}

.access-box {
    width: 50%;
    float: left;
	padding: 1%;
	text-align: center;
}
.access-box p {
    margin: 0;
	font-size:96%;
	padding-left:0.4em;
}
.access-box .tel-box {
	font-size: initial;
	padding: 2% 0;
}

.access-box.tel-box .phone-number {
    color: #ff9300;
    font-weight: normal;
}

.phone-number span {
    font-size: 0.8em;
    letter-spacing: 0.1em;
}

.access-box h3 {
    font-size: initial;
	margin: 0;
}

/*.access-box h3 span{
    font-size: 2em;
    color: #28a99c;
	letter-spacing: 0.1em;
}

.green-small {
    display: inline-block;
    width: 30%;
    color: #29a99b;
    text-align: center;
}
*/
.info {
    border: 1px solid;
    border-radius: 5px;
    padding: 3%;
}

.access-btn {
}

.access-btn span {
    border: 1px solid #026eb8;
    padding: 1%;
    font-size: 1.5em;
    background: url(img/access_icon.png) center no-repeat;
    background-position: 20%;
    width: 62%;
    margin: 0 auto;
	display: inline-block;
	transition: 0.5s;
}

.access-btn span:hover {
	color: #fff;
    border: 1px solid #026eb8;
    text-decoration: none;
	background: url(img/access_icon02.png) center no-repeat;
    background-color: #026eb8;
    background-position: 20%;
}


/*診察日テーブル*/

.info-t {
	display: table;
    width: 99%;
    margin: 0 auto;
    /*border: 1px solid #3b92cd;*/
}

.info-t div.row{
	display: table-row;
	width: 100%;
}

.info-t div .cell{
	display: table-cell;
    border: none;
    padding: 2%;
    border-bottom: 1px solid #3b92cd;
	border-left: 1px solid #3b92cd;
	text-align: center;
}

.info-t div .th{
    display: table-cell;
    border: none;
    font-size: 1em;
    background: #026eb8;
    padding: 2%;
    color: #fff;
    border-left: 1px solid #3b92cd;
    border-top: 1px solid #3b92cd;
	border-bottom: 1px solid #3b92cd;
}

.cell.bg_blue {
    background: #026eb8;
    color: #fff;
}

.border-no{
	border: none!important;
}

.border-right {
    border-right: 1px solid #3b92cd!important;
}

.blue{
color: #2a99ef!important;
}

.red{
color: #e60012!important;
}


/*--------------------------------------
	お知らせ
--------------------------------------*/
.page-home-staffblog {
    background: #e3f3fa;
	padding: 2%;
}

.heading-txt {
    text-align: center;
    margin: 3em 0 1.5em;
    width: 40%;
    float: left;
}

.heading-txt a {
    color: #333;
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	letter-spacing: 0.1em;
}

.heading-txt a,.heading-txt a:visit,.heading-txt a:active{
	color: #333!important;
}

.heading-txt a:hover{
	color: #3da3bf;
	text-decoration: none;
}

.heading-txt h2 {
    text-align: center;
    font-size: 1.8em;
}

.page-home-staffblog .more span:hover{
	color: #fff;
	border: 1px solid #ff9300;
    text-decoration: none;
	background: url(img/icon-arrow.png)no-repeat;
    background-color: #ff9300;
    background-position: 92%;
}

.newsListItem{
	margin: 0 0 2%;
    border-bottom: 1px solid #aed5e6;
}

.newsListItem h3{
	color: #003667;
}

.new-icon{
	color: #e60012;
}

.news-entry ul{
	list-style: none;
	font-size: 14px;
}

.news-entry {
    width: 60%;
    float: left;
}

.news-entry a,.news-entry a:visit,.news-entry a:active{
	color: #003667;
}

.news-entry a:hover{
	color: #3da3bf;
}

.news{
	text-align: center;
    padding: 4% 0 4%;
	max-width: 1000px;
    margin: 0 auto;
}

.news-area{
}

p.date {
    width: 30%;
    float: left;
	color: #17a6e6;
}

.cf.main-blog {
    padding: 4% 0 0 0;
}

.cf.main-blog .main-column  .content{
    padding: 5% 0 0 0;
}


/*ニュースタイトルが長い時に途中までで切ります。*/

.newstitle{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	text-align: left;
	width: 70%;
    padding: 0 10%;
}

.newstitle a{
	color: #333;
}

.entry-list{
	text-align: right;
}


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

  [END] トップページ

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


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

	03.ブログページ共通

************************************************************************/
.blog-top {
    font-size: 1.5em;
}

.blog-top a{
    color: #fff;
}

.blog-top a:hover{
    color: #f3d2d2;
	text-decoration: none;
}

.blog-page {
    padding: 0 0 4%;
}

.main-column h1{
	border-bottom: solid 3px #f3d2d2;
    position: relative;
	font-size: 1.5em;
	padding: 0 0 1%;
	margin: 0 0 2%;
	line-height: 1.5em;
}

.main-column h1:after{
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #EF8F9C;
    bottom: -3px;
    width: 30%;
}

.main-column .content{
    padding: 2%;
}

.main-column .content p{
	line-height: 30px;
    margin: 2%;
}

.main-column a {
    color: #333;
}

.main-column a:hover {
    text-decoration: none;
    color: #f3d2d2;
}

.side-column a {
    color: #333;
}

.side-column a:hover {
    text-decoration: none;
    color: #f3d2d2;
}


.entry-container{
	margin: 0;
	padding: 0 0 4%;
}

.entry-header{
	border-bottom: 1px solid;
}

.entry-header h2{
	font-size: 2em;
}

/*ブログページタイトル*/

.blog-header:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 15px transparent;
    border-right: solid 20px #ceb4b4;
}

.blog-header {
    padding: 1%;
    margin: 4% 0;
    font-size: 1.5em;
    position: relative;
    background: #f3d2d2;
    color: white;
}


/*ブログのタイトル*/

.blog-title:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #ffc778;
    bottom: -3px;
    width: 30%;
}

.blog-title {
    border-bottom: solid 3px #f8e8c6;
    position: relative;
}


/*サイドバーのタイトル*/

.widget-title:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #EF8F9C;
    bottom: -3px;
    width: 30%;
}

.widget-title {
    border-bottom: solid 3px #f3d2d2;
    position: relative;
}


/*テキストウエッジ*/

.textwidget {
    padding: 0;
    margin: 0 0 20px 20px;
}


/*カレンダー*/

#wp-calendar {
    background-color: transparent;
    width: 100%;
    text-align: center;
}

#wp-calendar th{
	text-align: center;
}

#wp-calendar a{
	color: #ffc678;
}


/*　ページネーション　*/

.pagenation {
    margin: 1em 0;
	clear: both;
}

.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.pagenation ul {
    margin: 0;
}

.pagenation li {
    float: left;
    list-style: none outside none;
    margin: 1px;
}

.pagenation li:first-child {
    margin-left: 0;
}

.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}

.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}

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

	03-1.歯石について

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

.shiseki_article h2 {
    margin:2% 0 1%; font: 400 18px/28.8px 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif;
    text-align: left;color: #EF8F9C;text-indent: 0px;letter-spacing: normal;text-decoration: none;float: none;background-color: transparent;
    font-weight:bold;
}

.shiseki_article p {
    font-size: 12pt; margin:2%;
}
.shiseki_box {
    font-size: 12pt; padding: 0.5em 1em; margin: 2em 0; color: #555; background: #f3d2d2; border: solid 2px #EF8F9C; border-radius: 10px;
}


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

	04.single(記事ページ)

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

/*シングルページだけのページャー*/

.navigation a, .navigation span{
        padding: 10px!important;
    	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	    transition: 1.0s;
}

.navigation a:hover{
	color: #fff;
	text-decoration: none;
}

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

	05.error(404.php)

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

.error-page{
	width: 100%;
    padding: 4%;
}


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

	06.[START] 下層ページ　固定ページ

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

/*固定ページで基本出てくるのh1の非表示*/

.entry-title{
	display: none;
}

.sub-mainvisual {
  	background-image: url(img/top_main.jpg);
    background-position: 0% 35%;
    background-repeat: no-repeat;
    height: 180px;
    text-align: center;
    font-size: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    background-size: 142%;
}

/*--------------------------------------
	06-01.治療方法
--------------------------------------*/
.guide-unit {
    width: 100%;
    overflow: hidden;
	margin: 7% 0;
}
.guide-box {
    float: left;
    margin: 0.5%;
    /* padding: 3%; */
    /* border-radius: 10px; */
    /* position: relative; */
    /* CAM/CADボタン追加変更190312 */
    width:19%;
}
.guide-box img{
	width:100%;
}
/*.guide-box a {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}*/
/*.guide-unit .guide-box:nth-child(1){
    background: #EF8F9C;
}
.guide-unit .guide-box:nth-child(2){
    background: #f4ce45;
}
.guide-unit .guide-box:nth-child(3){
    background: #bcd108;
}
.guide-unit .guide-box:nth-child(4){
    background: #d7d0ad;
}*/

/*共通*/
.page-treatment {
	width: 100%;
	overflow: hidden;
    padding: 0 0 4%;
}
.page-treatment section{
    padding: 0 0 4%;
	overflow: hidden;
}
.page-treatment h1 {
    font-weight: normal;
    padding: 2%;
    font-size: 1.8em;
    font-weight: lighter;
    margin: 0 0 5% 0;
    border-bottom: 1px dashed #026eb8;
    border-left: 10px solid #026eb8;

}
.page-treatment p {
    margin: 4% 2%;
}
.col3-box img {
    width: 100%;
}
.col3-box p {
    margin: 0;
	text-align: center;
}
/*歯のメンテナンスの重要性*/


/*虫歯の治し方*/

.treatment-col-area {
    overflow: hidden;
}
.col2-box {
    width: 50%;
    float: left;
    padding: 0 1%;
}
.treatment02 .col2-box img {
    padding-top: 10%;
}
.treatment02 h2 {
    padding: 8% 0 3% 0;
    font-size: 1.5em;
    font-weight: normal;
    text-align: center;
    margin: 0;
}
.treatment02 .col3-box {
    width: 30.3%;
    float: left;
    margin: 0 0 0 3%;
    border: 4px solid #a0a0a0;
    border-radius: 20px;
    padding: 1%;
    font-size: 0.9em;
}
/*入れ歯の作り方*/

.conts {
    border: 1px solid;
    border-radius: 20px;
    background-color: #f2f8f9;
    padding: 4%;
    margin-bottom: 5%;
    position: relative;
}
.conts_01 {
    border: 1px solid;
    border-radius: 20px;
    background-color: #f2f8f9;
    padding: 4%;
    margin-bottom: 5%;
    position: relative;
}
.conts::after{
	content: "";
    width: 100%;
    height: 0;
    position: absolute;
    background: url(img/page-treatment_arrow.png) no-repeat center 25%;
    padding: 11%;
    z-index: 999;
}
.conts p {
    margin: 0;
}
.conts_01 p {
    margin: 0;
}
.treatment03 h3 {
    color: #026eb8;
	overflow: hidden;
}
.treatment03 h3 img {
    margin-right: 1%;
}
/*被せ物（銀歯）*/

.treatment04 .col2-box img{
	padding-top: 10%;
}

/*--------------------------------------
	06-02.院長紹介
--------------------------------------*/
.page-staff {
	width: 100%;
	overflow: hidden;
	padding: 0 0 4%;
}
.page-staff h1 {
    font-weight: normal;
    padding: 2%;
    font-size: 2em;
    font-weight: lighter;
    margin: 5% 0;
    border-bottom: 1px dashed #026eb8;
    border-left: 10px solid #026eb8;
}
.staff-area {
	overflow: hidden;
	position: relative;
    z-index: 5;
}
.staff-area img {
	border-radius: 81% 89% 76% 93%;
    float: left;
}
.staff-box {
    width: 50%;
    float: left;
    position: relative;
    z-index: 5;
    overflow: hidden;
    top: 8px;
    left: 10px;
    /* padding: 31% 12% 0; */
}

.keireki{
	    padding: 0% 7% 0;
	    /* padding: 31% 12% 0; */
	    text-align:  left;
}

.staff-box-bg {
    width: 52%;
    background: #f4ce45;
    border-radius: 135% 118% 135% 119%;
    content: "/";
    height: 275px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    /* float: left; */
    top: -260px;
    left: 3px;
}

.staff-txt {
	padding: 40% 14% 10%;
	background: #f2f8f9;
	border-radius: 30px;
	position: relative;
	z-index: 0;
	top: -491px;
	left: 7%;
	width: 93%;
	margin-bottom: -40%;
}
.staff-area h2 span {
    border-bottom: 1px solid;
    display: inline-block;
    width: 100%;
    font-size: 1em;
    font-weight: normal;
    color: #026eb8;
    text-align: left;
}
.staff-box h2 {
    text-align: center;
    line-height: 2em;
    padding: 14% 7% 0px;
    font-size: 2em;
    font-weight: normal;
}
/*--------------------------------------
	06-03. 医院のご案内
--------------------------------------*/

.page-photo{
	width: 100%;
	overflow: hidden;
    padding: 0 0 4%;
}
.photo-main{
	width: 100%;
    background: url(img/photo_main.jpg) center no-repeat;
    background-color: #f5f9fc;
    height: 210px;
    overflow: hidden;
    background-position: 73%;
	background-size: cover;
}

.photo-main-text {
    max-width: 960px;
    margin: 0 auto;
    text-align: left;
    padding: 2%;
    overflow: hidden;
}
.page-photo h1 {
    font-weight: normal;
    padding: 2%;
    font-size: 2em;
    font-weight: lighter;
    margin: 5% 0;
    border-bottom: 1px dashed #bcd108;
    border-left: 10px solid #bcd108;
	
}
.photo-main-text span {
	font-size: 0.5em;
}

.photo-container {
	max-width: 1000px;
    margin: 4% auto;
	text-align: center;
}
.photo-container img {
    width: 32%;
    padding: 0 1% 1% 0;
}


/*--------------------------------------
	06-04. アクセス
--------------------------------------*/
.access-main{
	width: 100%;
    background: url(img/access_main.jpg) center no-repeat;
    background-color: #f5f9fc;
    height: 210px;
    overflow: hidden;
    background-position: 73%;
	background-size: cover;
}
.page-access {
	width:100%;
	overflow: hidden;
    padding: 0 0 4%;
}
.page-access h1 {
    font-weight: normal;
    padding: 2%;
    font-size: 2em;
    font-weight: lighter;
    margin: 5% 0;
    border-bottom: 1px dashed #EF8F9C;
    border-left: 10px solid #EF8F9C;
	
}
.map iframe{
	width: 100%;
}

/*--------------------------------------
	06-05.CAD/CAM 治療について
--------------------------------------*/
#cad-cam h1, #cad-cam h2, #cad-cam h3{
  font-weight: 100;
  line-height: 1.6em;
  
}
#cad-cam h1{
  margin: 5% 0;{
}

}
#cad-cam h2{
  margin-top: 5%;
  margin-left: 1.5em;
  text-indent: -1.5em;
}
#cad-cam h3{
  font-size: 15px;
  line-height: 1.6em;
  margin: 0;
  margin-left: 1.5em;
  text-indent: -1.5em;
}

#cad-cam .flexBox01{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 5%;
}
#cad-cam .flexBox01 .left{
  float: left;
  width: 70%;
  margin: 0;
}
#cad-cam .flexBox01 .right{
  float: right;
/* 画像追加190301変更 */
  width: 20%;
  margin: 0 0 0 auto;
}

#cad-cam .flexBox02{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 5%;
}
#cad-cam .flexBox02 .left{
  float: left;
  width: 50%;
  margin: 0;
}
#cad-cam .flexBox02 .right{
  float: right;
  width: 35%;
}

#cad-cam .terms{
  padding: 2% 10%;
  background-color: #F2F8F9;
  border: 1px solid #434444;
  border-radius: 20px;
  max-width: 620px;
  /* 画像追加変更190301 */
  margin: 0 auto;
}

#cad-cam .merit-demerit{
  display: flex;
  flex-wrap: wrap;
  margin-top: 5%;
}

#cad-cam .merit-demerit >div{
  position: relative;
  width: 46%;
  padding: 5% 2%;
  margin: 0 auto;
  background-color: #F2F8F9;
  border: 1px solid #434444;
  border-radius: 20px;
}

#cad-cam .merit-demerit p.title{
  position: absolute;
  top: -35px;
  left: 25%;
  
  font-size: 1.3em;
  text-align: center;
  width: 50%;
  color: #fff;
  background-color: #006CBB;
  padding: 1% 2%;
  border-radius: 15px;
}

/************************************************************************
	[END] 下層ページ　固定ページ
************************************************************************/


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

	07.レスポンシブ　(max-width: 768px)

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

/*--------------------------------------
	07-01.レスポンシブ ヘッダー、フッター、ナビ　ページ
--------------------------------------*/
@media (max-width: 768px){

header {
text-align: center;
}

nav ul {
	display: block;
}
nav ul li {
	width: 100%;
	text-align: center;
}

nav ul li a span {
	border: none !important;
}


/*下線*/

.gnav-container li {
    /*border-bottom: 1px solid #29a99b!important;*/

}

.gnav-container li a {
    border-left: none!important;
  padding: 11px!important;
}


/*--------------------------------------
	07-02.レスポンシブ TOPページ
--------------------------------------*/

.page-home-conts {
    padding: 0 2%;
}
.main-visual {
	height: unset;
    padding-top: 70%;
    background-size: 170%;
}


/*なかじょう3つの特徴*/

.chara-box {
    width: 100%;
    padding: 4% 3%;
}

.page-home-conts h2 {
    font-size: 1.5em;
}


/*top-スタッフブログ*/

.heading-txt a {
    writing-mode: unset;
}

.heading-txt {
    width: 80%;
    float: none;
    margin: 0 auto;
}

.news-entry {
    width: 100%;
    float: none;
}

.newsListItem .date {
    width: 100%;
    float: initial;
}

.section-staffblog li {
	font-size: inherit;
}

.news-entry ul {
    margin: 2%;
}


/*top開業日*/

.info-t {
    width: 100%;
    font-size: 73%;
}
  
  /* line */
  .line{
    font-size: 15px;
    flex-wrap: wrap;
    justify-content: center;
    padding: 4%;
  }
  .line .center_box{
    width: 100%;
  }


/*--------------------------------------
	07-03.レスポンシブ院長紹介
--------------------------------------*/

.page-staff {
	height: 951px;
}


.staff-box-bg{
	display: none;
}
.staff-txt {
    padding: 7%;
	top: 0;
	left: 0;
	width: unset;
}
/*--------------------------------------
	07-04.レスポンシブ院内のご案内
--------------------------------------*/
.page-photo {
    padding: 0 2%;
}
/*--------------------------------------
  06-05.CAD/CAM 治療について
--------------------------------------*/
/* 画像追加変更.rightを.img_left_190301に変更 */
  #cad-cam .flexBox01 .left, #cad-cam .flexBox01 .img_left_190301{
    max-width: 100%;
    width: auto;
    /* 画像追加変更190301 */
    margin: 0 auto;
  }
  
  #cad-cam .merit-demerit >div{
    margin: 5% auto;
    max-width: 400px;
    width: auto;
  }
  
  #cad-cam .flexBox02 .left, #cad-cam .flexBox02 .right{
    max-width: 100%;
    width: auto;

  }

/* 画像追加190301変更 */
#cad-cam .flexBox01 .img_right_190301 {
    width:128px;
    margin: 10% auto;
  }

/*--------------------------------------
	07-06.レスポンシブ
--------------------------------------*/

}

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

	08.レスポンシブ　(max-width: 767px)

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

@media (max-width: 767px){

/*iphone用*/
.sp-iphone{
	display: block;
}


/*--------------------------------------
	08-01.レスポンシブ TOPページ
--------------------------------------*/

/*アクセス*/
.access-box {
    width: 100%;
    float: initial;
}

.access-box h3 {
    padding: 10% 0 0;
}

.info {
    font-size: 0.7em;
}


/*--------------------------------------
	08-02.レスポンシブ 治療内容
--------------------------------------*/
.col2-box {
    width: 100%;
    float: left;
    padding: 0 1%;
}
.treatment02 .col3-box {
    width: 100%;
    margin: 0 0 3% 0;
}
.conts::after {
    background-size: 25%;
}
.guide-box {
    width: 100%;
}
.page-treatment h1 {
    font-size: 1.6em;
}
.font-s {
    font-size: 0.5em;
}
/*--------------------------------------
	08-03.レスポンシブ 院長紹介
--------------------------------------*/
.staff-box{
	width:100%;
	float: none;
	margin-bottom: 14PX;
}
.staff-box h2{
	padding: 0;
}
.staff-txt {
    padding: 7%;
	top: 0;
	left: 0;
	width: unset;
}




}


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

	09.レスポンシブ　(max-width: 800px)

************************************************************************/
/*--------------------------------------
	09-01.レスポンシブ　フッター
--------------------------------------*/
@media screen and (min-width:769px) and (max-width: 800px){
.staff-box-bg{
	display: none;
}
.staff-txt{
	top: -200px;
	left: 0;
    width: 100%;
}
footer .footer-container:first-child {
    justify-content: center;
	text-align: center;
}

footer .footer-container:last-child img {
    right: 5%;
    width: 13%;
	left: inherit;
}

}


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

	09.レスポンシブ　(max-width: 800px)

************************************************************************/
@media (max-width: 800px){

/*nexus10用*/
.br_n10{
	display: block;
}}

@media (min-width: 801px){

/*nexus10用*/
.br_n10{
	display: none;
}}



/* バナー追加修正_190910 */
.banner_container {
    margin: 3% auto;
    background: url(https://nakajo-shika.com/wp-content/themes/wsc8_child/img/nakajyoshika_banner_pc.jpg) no-repeat;
    height: 190px;
    text-align: center;
    width: 98%;
    background-size: contain;
}

.banner_text {
    padding-top: 4%;
}

h2.banner_text_title {
    border-bottom: 1px solid #000;
    max-width: 600px;
    margin: 1% auto;
    font-weight: bold;
    color: black;
}

span.color_text {
    color: #026eb8;
}

@media (max-width: 506px){
h2.banner_text_title {
    border-bottom: 1px solid #026eb8;
    max-width: 300px;
    margin: 1% auto;
    font-weight: bold;
    font-size: 4.5vw;
}

.banner_container {
    margin: 3% auto;
    background: url(https://nakajo-shika.com/wp-content/themes/wsc8_child/img/nakajyoshika_banner_sp.jpg) no-repeat;
    height: 100px;
    text-align: center;
    width: 98%;
    background-size: contain;
}
}