@charset "utf-8";
/*==================================================
	スマホのみに適用
==================================================*/
@media only screen and (max-width: 640px){
	body { font-size: 85%; }
	.dsp_hp, .dsp_hpt { display: none; }

	/* コンテナ */
	#wrap, #footer {
		min-width: 320px;
	}
	#container h3.sub {
		margin-bottom: 20px;
		font-size: 22px;
	}
	#container h3.sub span {
		font-size: 17px;
	}
	#container h3.ico span.maru {
		width: 70px;
		height: 70px;
	}
	#page_title .sub {
		font-size: 23px;
	}
	#page_title .txt {
		padding: 15px 10px;
	}
	/* フッター */
	#footer {
		font-size: 13px;
	}
	#footer .box {
		padding: 30px 0;
	}
	#footer .logo,
	#footer .txt,
	#footer .txt table {
		margin-bottom: 25px;
	}
	#footer .logo img {
		width: 120px;
	}
	#footer .txt th,
	#footer .txt td {
		font-size: 10px;
		padding: 2px !important;
	}
	#footer .contact .ttl {
		top: -25px;
	}
	#footer .contact li+li {
		margin-top: 15px;
	}
	#footer .contact a {
		padding: 15px;
		font-size: 16px;
	}
	#footer .contact a img {
		width: 18px;
	}
	#footer .contact .tel a {
		font-size: 18px;
	}
	/* 枠のマージン・パディング */
	.mb { margin-bottom: 40px; }
	.pt { padding-top: 40px; }
	.pb { padding-bottom: 40px; }
	.bg_lb:before {
		background-position: left -150px bottom;
	}
	/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
	/* お知らせ */
	#top_info h3.sub {
		-ms-writing-mode: initial;
		writing-mode: initial;
		text-align: center;
	}
	#top_info dl {
		padding-left: 0;
	}
	#top_info dd .ttl:before, #top_info dd .ttl:after {
		width: 14px;
		height: 2px;
		top: calc(50% - 2px);
		right: -9px;
	}
	#top_info dd .ttl:not(.open):after {
		width: 2px;
		height: 14px;
		top: calc(50% - 8px);
		right: -3px;
	}
	/* 挨拶 */
	#top_msg {
		background: none;
	}
	#top_msg .txt .pick {
		font-size: 130%;
		text-align: center;
	}
	#top_msg .photo {
		width: 80%;
		margin: auto;
		padding-top: 20px;
		background: url("../img/top/msg-bg.png") no-repeat center top / 100% auto;
	}
	#top_msg .photo img {
		width: 200px;
	}
	/* コンテンツ */
	#top_contents {
		padding-top: 20px;
	}
	#top_contents h3.sub {
		-ms-writing-mode: initial;
		writing-mode: initial;
		text-align: center;
	}
	#top_contents li {
		padding: 0 0 0 30px;
		margin-bottom: 20px;
	}
	#top_contents li a {
		height: 90px;
		padding: 0;
		border-radius: 15px;
		font-size: 120%;
	}
	#top_contents li a img {
		top: 50%;
		left: 0;
		transform: translateY(-50%);
	}
	/*--------------------------------------------------
		当医院について
	--------------------------------------------------*/
	#about .sec01 dl dt {
		text-align: center;
	}
	#about .sec01 dl dt img {
		display: block;
		position: relative;
		top: auto;
		right: auto;
		margin: 15px auto 0;
	}
	#about .sec dl dt:before {
		width: 100px;
		background-size: 100% auto;
		background-repeat: no-repeat;
	}
	#about .sec dl dt {
		font-size: 16px;
	}
	#about .sec dl dd b {
		font-size: 16px;
	}
	#about .waku dd {
		padding-left: 0;
		padding-right: 0;
	}
	#about .waku dd .btn01 a {
		width: 250px;
		padding: 5px 0 5px 20px;
		background-position: right 5px center;
	}
	#about .photos {
		width: 100%;
		margin-top: 30px;
	}
	#about .photos li {
		width: 48%;
		padding: 5px;
	}
	/*--------------------------------------------------
		一般歯科
	--------------------------------------------------*/
	#general h3.ico span.maru {
		margin-right: 17px;
	}
	#general .general .img img {
		width: 150px;
	}
	#general .general .img img:nth-of-type(2) {
		width: 120px;
	}
	#general .chks li {
		width: 100%;
		background-position: left top 2px;
	}
	@media only screen and (max-width: 320px){
		#general .msg .biz {
			font-size: 15px;
		}
		#general .msg .txt {
			font-size: 13px;
		}
	}
	/*--------------------------------------------------
		予防歯科
	--------------------------------------------------*/
	#prevention .sec .img img {
		height: 140px;
	}
	@media only screen and (max-width: 320px){
		#prevention .sec .img img {
			height: 120px;
		}
	}
	#prevention .sec .img img:first-of-type {
		margin-left: 0;
		margin-right: 0;
	}
	#prevention .sec .img img:last-of-type {
		margin-right: 0;
	}
	#prevention .chk ul {
		width: 100%;
		margin-bottom: 5px;
	}
	#prevention .chk ul:last-of-type {
		margin-bottom: 0;
	}
	@media only screen and (max-width: 320px){
		#prevention .msg .biz {
			font-size: 16px;
		}
	}
	/*--------------------------------------------------
		小児・矯正・インプラント
	--------------------------------------------------*/

	/*--------------------------------------------------
		ホワイトニング・医療アートメイク
	--------------------------------------------------*/
	#whitening .teeth .sec .img {
		width: 80%;
	}
	#whitening .teeth .sec .in h3.ico .en {
		letter-spacing: 0;
	}
	#whitening .teeth .sec .in h3.ico span:not(.maru) {
		width: calc(100% - 80px);
	}
	#whitening .teeth .sec .in h3.ico .en {
		width: 100% !important;
		font-size: 18px;
	}
	#whitening .teeth .msg {
		font-size: 15px;
		line-height: 1.8;
	}
	#whitening .treatment .list dl dd .imgs {
		display: block;
	}
	#whitening .treatment .list dl dd .imgs li {
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}
	#whitening .treatment .list dl dd .ba {
		width: 49%;
		margin-bottom: 30px;
	}
	/*--------------------------------------------------
		訪問歯科サービス
	--------------------------------------------------*/
	#visit h3.ico {
		letter-spacing: 0;
	}
	#visit .service .img {
		width: 80%;
	}
	#visit .example .list .box .maru {
		margin: 0 auto 10px;
		border-width: 3px;
		width: 140px;
		height: 140px;
	}
	@media only screen and (max-width: 320px){
		#visit .example .list .box dl dt {
			font-size: 17px;
		}
	}
	#visit .example .list .box dl dd .img {
		display: block;
		margin: 0 auto;
	}
	#visit .example .list .box dl {
		width: 100%;
	}
	#visit .cost .list dl {
		display: block;
		padding: 10px;
	}
	#visit .cost .list dl dt, #visit .cost .list dl dd {
		width: 100%;
	}
	#visit .cost .list dl dt span {
		display: inline-block;
		margin-left: 20px;
	}
	@media only screen and (max-width: 320px){
		#visit .cost .list dl dt span {
			margin-left: 10px;
		}
	}
	/*--------------------------------------------------
		FAQ・ご予約・お問合せ
	--------------------------------------------------*/

	/*--------------------------------------------------
		DENTAL PREVENTIVE CLEANING SERVICE FOR TOURIST
	--------------------------------------------------*/
	#page_title .sub.ttl_cleaning {
		font-size : 18px;
	}
	#cleaning .box_flex {
		margin: 20px 0;
	}
	#cleaning .box_flex .txt {
		width: auto;
		margin-bottom: 30px;
	}
	#cleaning .includes .box {
		padding: 15px;
		border-radius: 15px;
	}
	#cleaning .box_flex .photo {
		width: 70%;
		margin: auto;
	}
/*------------------------------------------------*/
}