@charset "utf-8";

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

/*
########################################################
	ページ全体情報
########################################################
*/
	body {
		background: #ffffff;
		min-width: 0;
	}
	.pc {
		display: none !important;
	}
	.sm {
		display: block !important;
	}
	.page {
		width: 100%;
	}
	section > p {
		width: 97%;
	}
	.br-pc, .br-sp2 { display:none; }
	.br-sp { display:block; }

.mapp-layout {
	width: 100% !important;
	margin: 0 auto !important;
}
	.page_mainImg {
		min-height: 0;
		padding-top: 30px;
	}
	.pageIn {
		width: 100%;
	}
	.flexBox .item1{order: 1;}
	.flexBox .item2{order: 2;}
	.flexBox .item3{order: 3;}
	.flexBox .item4{order: 4;}

	ul.top_entry,
	ul.topGuideList,
	#timeBox, .accInfo, img.accGaikan, #info_setsubiBox ul li h4,
	#info_setsubiBox ul li p, .info_mainP, #info_staffBox p,
	.products_mainP {
		text-align: justify;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}


/*
########################################################
	ヘッダー
########################################################
*/
	.header_leftBlock {
		width: 100%;
	}
	#header_logo {
		width: 90%;
		height: auto;
		margin: 20px 5%;
	}
	.header_rightBlock {
		margin: 10px auto;
		background: #38459b url();
		width: auto;
		height: auto;
		padding: 20px;
	}
	.head_info {
		margin: 10px auto;
		width: auto;
	}
	p.head_tel a {
		color: white;
	}



/*
########################################################
	グローバルメニュー
########################################################
*/
	#globalMenu {
		width: 92%;
		margin-left: 8%;
		text-align: center;
	}
	#globalMenu li {
		float: none;
		display: inline-block;
		margin: 0 0 10px -20px;
	}
	#globalMenu li a {
		padding: 5px 20px;
	}
	#globalMenu li::before, #globalMenu li:after {
		content: "／" !important;
		color: #bfbfbf;
    	vertical-align: middle;
    	position: relative;
    	top: -1.5px;
    	-webkit-font-smoothing: antialiased;
    	-moz-osx-font-smoothing: grayscale;
    }
    #globalMenu li:first-child:after {
		content: "" !important;
    }
    #globalMenu li:first-child a {
    	padding: 0 40px 0 20px !important;
    }
    .head_banner {
    	margin: 0 auto;
    }
    .head_banner img {
    	width: 230px;
    }



/*
########################################################
	トップページ
########################################################
*/
	/*トップメインイメージ スライダー*/
	#top_mainImg {
		width: 100%;
		height: 300px;
		margin-bottom: 50px;
	}
	.fadeSlider span img {
		height: 300px;
	}

	/*お知らせ*/
	#infoBox {
		margin-bottom: 80px;
	}

	/*診療内容*/
	.topGuideList {
		margin: 30px 0 50px;
	}
	.topGuideList li {
		background-size: contain;
		width: 163px;
		height: 163px;
		font-size: 20px;
		margin-bottom: 30px;
	}
	.topGuideList li a {
		width: 163px;
		height: 163px;
	}

	/*診療時間・アクセス*/
	#tmAc_Block {
		margin-bottom: 50px;
	}
	#timeBox table {
		margin: 30px 0 0;
	}
	#timeBox td, #timeBox th {
		padding: 10px 10px;
		font-size: 14px;
	}
	tr.amLine td {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	#accessBox {
		padding: 30px 0;
	}
	.accGaikan {
		margin-bottom: 30px;
		width: 100%;
	}
	.accInfo img {
		margin-bottom: 20px;
	}



/*
########################################################
	ページ
########################################################
*/
	
	#page_mainImg {
		height: 150px;
	}
	#page_mainImg img {
		height: 150px;
	}
	h2.page_mainP {
		top: 40%;
		font-size: 26px;
	}
	.subNv_Block ul li {
		padding-bottom: 10px;
	}
	h2.color_ttl {
		font-size: 20px;
		margin: 20px 0;
	}

	/* 医院紹介 */
	h2.slash_ttl:before {
		margin-right: 10px;
	}
	h2.slash_ttl:after {
		margin-left: 10px;
	}
	#info_setsubiBox ul li {
		width: 100%;
	}
	#info_setsubiBox ul li img {
	    height: 225px;
	}
	.doctorRight {
		width: 100%;
		height: auto;
		margin-left: auto;
	    margin-right: auto;
	    margin-bottom: 0;
	}
	.doctorCenter {
		width: 100%;
		height: auto;
		margin-left: auto;
	    margin-right: auto;
	    margin-bottom: 0;
	}
	.doctorLeft {
		margin: 10px auto 0;
		width: 95%;
	}
	h3.nameBox {
		line-height: 200%;
	}
	.degree {
		margin-bottom: 20px;
	}
	.dfBox {
		margin: 50px auto 100px;
	}
	.dfBox p {
		font-size: 14px;
	}
	.dfBox img {
		width: 80%;
	}
	#info_staffBox {
		margin-bottom: 50px;
	}
	#info_staffBox img {
		width: 100%;
		height: 250px;
		margin-bottom: 20px;
	}

	/* 診療内容 */
	.guide_Block, .products_Block {
		margin: 50px auto 30px;
		padding-bottom: 40px;
	}
	.guide_Block:last-of-type, .products_Block:last-of-type {
		border-bottom: none;
	}
	.guide_Block img, .concept_Block img {
		width: 100%;
		height: auto;
	}
	.guide_Block p, .concept_Block p {
		width: 95%;
		margin: 10px auto;
	}
	#guide4Box p {
	    width: 95%;
	}

	#guide1Box img, #guide3Box img, #guide6Box img, #guide8Box img, #guide10Box img, #conceptBox1 img {
		margin-left: 0;
	}
	#guide2Box img, #guide5Box img, #guide7Box img, #conceptBox2 img {
		margin-right: 0;
	}

	/* なるべく抜かない治療 */
	.concept_mainP {
		margin-bottom: 30px;
	}

	/* アンチエイジング */
	table.antiagin{
		width: 90%;
	}
	h3.antiagin_ttl{
		font-size: 18px;
		margin-top: -20px;
	}
	table.antiagin td{
		padding-left: 10px;
		padding-right: 10px;
	}

	/* 材料のこだわり */
	.products_mainP {
		margin-top: 20px;
	}
	.bannerImg {
		width: 85%;
	}
	.products_Block ul li {
	    width: 100%;
	    margin-bottom: 50px;
	}
	.products_Block ul li:last-child {
	    margin-bottom: 0;
	}
	.pro_mainImg {
		width: 45%;
		height: 125px;
	}
	.pro_mainImg img {
		height: 125px;
	}
	.pro_mainright {
		width: 47%;
		margin-right: 2%; 
	}
	.pro_mainright h4 {
		text-align: left;
	}
	.pro_mainright p {
		margin-bottom: 20px !important;
		line-height: 150%;
	}
	.pro_btnImg img {
		width: 90%;
		height: auto;
	}



	/* 404 */
	.block404 {
		padding: 100px 0 !important;
		text-align: center;
		line-height: 200%;
		text-align: center !important;
	}
	.block404 p {
		margin-bottom: 45px;
	}


/*
########################################################
	フッター
########################################################
*/
	.fotInfoLeft {
		width: 100%;
		text-align: center;
	}
	.fotInfoLeft img {
	    width: 70%;
	    margin-bottom: 10px;
	}
	.fotAdd {
	    font-size: 16px;
	}
	#copy {
	    text-align: center;
	}
}
/** レスポンシブの終了 **/