@charset "utf-8";

/***************************************ページベース設定***************************************/
/*ページ背景、フォントなど*/
body {
	background-color: #FFF;
}

/*テーブル設定*/
td {
	width: auto;
	padding: 2px;
}
th {
	width: 100px;
	padding: 2px;
}

/*********form関連 *********/
input {
	font-size: 16px;
}

/*幅設定*/
.wl {
	width: 96%;
}
.ws {
	width: 96%;
}

.ws img {
	width: 96%;
}

/*サイト説明*/
header {
	min-width: 0;
}
header h1 img {
	width: 95%;
	margin: 0;
	padding: 0;
}
header h1 {
	display: none;
}

/*コンテナ*/
#container {
	width: auto;
	margin-right: 5px;
	margin-left: 5px;
}

/*スマホメニュー表示スペース*/
#top {
	margin-top: 45px;
}

/*表示・非表示設定*/
/*スマホで表示*/
#sdisp {
	display: inline;
	}
	
/*スマホでは非表示*/	
#pcdisp {
	display: none;
}


#sitelogo, header nav {
	display: none;
}

/*メニューブロック設定*/
.fixmenu {
	font-size: 120%;
	width: 100%;
	position: fixed;
	top: 0; /* 基準の位置を画面の一番上に指定する */
	left: 0; /* 基準の位置を画面の一番左に指定する */
	line-height: 45px;
	background: -moz-linear-gradient(to top, #c3ab67, #FFF);
	background: -webkit-linear-gradient(to top, #c3ab67, #FFF);
	background: linear-gradient(to top, #c3ab67, #FFF);
	text-decoration: none;
	text-align: center;
	z-index: 100;
}
.fixmenu a {
	color: #000;
}
#s_menu {
	display: inline-block;
	width: 32%;
}
#s_tel {
	display: inline-block;
	width: 32%;
	border-left: 1px solid #999;
}
header label {
	background-color: #006F90;
	border-radius: 6px 6px 0 0;
	font-size: 130%;
	color: #FFF;
	padding: 3px 0px 3px 15px;
	clear: both;
	margin-top: 0;
	margin-left: 5px;
	margin-right: 5px;
    display: block;
}

header nav ul {
	display: none;
	height: auto;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0.5em;
}
/*各メニュー設定*/
header nav ul li {
	float: none;
	border-right: 0;
	text-align: center;
	background-color: #FFF;
}
header nav ul li a {
	line-height: 30px;
	color: #666;
	text-decoration: none;
	display: block;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
header nav ul li a:hover {
	background-color: #006F90;
	color: #FFF;
}
header nav ul li.focus {
	background-color: #fff9cc;
	color: #FFF;
}

/*スマホメニュー設定*/
#my-menu ul {
	font-size: 120%;
	background-color: #00F;
	background-image: url(../img/bg_100.jpg);
	color: #FFF;
}
#my-menu ul li {
	background: -moz-linear-gradient(to top, #8d6e40, #d0bea8);
	background: -webkit-linear-gradient(to top, #8d6e40, #d0bea8);
	background: linear-gradient(to top, #8d6e40, #d0bea8);
	color: #FFF;
	line-height: 2;
}
#my-menu ul li a {
	line-height: 2;
}

/*メイン・サブコンテンツ*/
#main, #sub, footer {
	float: none;
	width: auto;
}

#main img.wa {
	width: 100%;
	height: auto;
}

#main h1 {
	background-image: url(../img/h1_smilemoon_s.png);
	background-size: 100%;
	font-size: 110%;
	padding: 25px 0 0 70px;
}

#main h2 {
	font-size: 110%;
}

#sub_menu {
	text-align: center;
}
#sub .shopinfo {
	text-align: left;
	font-size: 100%;
  margin        : 30px auto 0 auto;    /* BOXの位置               */
  max-width     : 95%;               /* BOXの最大横幅           */
}
 
/* --- タイトル部分の定義 ----------------------------------------*/
#sub .shopinfo::before {
  left          : 10px;              /* タイトル右位置は1文字分 */
  right: 10px;
  font-size     : 120%;              /* タイトルの文字サイズ    */
  z-index: 10;
}


footer {
	height: 70px;
}
#copyright {
	margin: 5px auto 0 auto;
}
.footerlink {
	width: 100%;
	height: auto;
}

div.footerbox {
	float: none;
	width: 100%;
	margin: 0;
}
/***************************************各ページの設定***************************************/
/*トップページのメイン画像*/
#mainimg img {
	width: 100%;
	height: auto;
}


/*トップページ説明文と画像*/
.top_setumei {
	display: block;
	width: 100%;
}

.top_gazo {
	display: block;
	width: 100%;
}
.top_gazo img {
	width: 250px;
	height: auto;
	margin: 5px auto 0 auto;
}


/*トップページのnews*/
div.news img {
	max-width: 100%;
	height: auto;
}

/*取扱商品 2カラム*/
#product a {
}

#product_l {
	display: block;
	width: 100%;
}
#product_l img {
	width: 250px;
	height: auto;
	margin: 5px auto 0 auto;
}
#product_l ul {
	font-size: 90%;
}
#product_r {
	display: block;
	width: 100%;
}
#product .note {
}

/*ごあいさつ2カラム*/
#greeting_l {
	display: block;
	width: 100%;
}
#greeting_l img {
	width: 250px;
	display: block;
	margin: 5px auto 0 auto;
}
#greeting_l p {
	text-align: center;
}
#greeting_l ul {
	font-size: 100%;
	margin-left: 20px;
}
#greeting_r {
	display: block;
	width: 100%;
}
/*診療概要*/
.yoyaku {
	width: 95%;
	padding: 10px;
	font-size: 120%;
}
.yoyaku img {
	display: block;
	width: 80%;
	margin: 0 auto;
}


/*診療料金表*/
.memo {
	width: 90%;
	border: 3px solid #262287;
	padding: 10px 15px;
	font-size: 110%;
	text-align: center;
	margin: 10px auto;
}

/*各ページのタイトル*/
.titlebn {
	background:url(../img/bn_title_s.jpg) no-repeat 0 0;
	height: 50px;
	padding:15px 0 5px 60px;
	font-size:120%;
	font-weight: bold;
	color:#fff;
	text-shadow: 2px 2px 3px #333;
}
/*フォームページのタイトル*/
.titlebn_f {
	background:url(../img/bn_title_form_s.jpg) no-repeat 0 0;
	height: 65px;
	padding:5px 0px 5px 55px;
	font-size:110%;
	font-weight: bold;
	color:#fff;
	text-shadow: 2px 2px 3px #333;
}
/*ページ解説*/
.p_comment {
	margin:0 0 10px 0;
	padding:10px;
	font-size: 100%;
	line-height: 1.5;
}

/*販売に関する事項*/


/********** WORDPRESS記事の設定 **********/
/*お客様の声*/
.post_v img {
	float: none;
	display: block;
	margin: 0 auto;
	padding-bottom: 0;
}
.post_v p {
	margin-top: 0;
}

/*ダイエットコラム*/
#column #column-inner {
	padding: 10px 20px;
}