@charset "utf-8";


/*--------------------------------------------------
 トップページ
--------------------------------------------------*/
/*メインビジュアル*/
#visual {
	margin: 0 auto 1em;
	overflow: hidden;
	max-width: 980px;
}

/* top
-------------------------------*/
/*topics*/
.top_topics {
	overflow: hidden;
	text-align: left;
	margin: 0 auto 2em;
	padding: 0;
}
ul.top_topics_title {
	width: 100%;
	list-style-type: none;
	padding-left: 0;
	display: table;
	margin: 0 auto 1em;
	border-top: solid 1px #999;
}
ul.top_topics_title li {
	display: table-cell;
	vertical-align: middle;
	padding: 1em 0 0.9em;
}
ul.top_topics_title li.news_title {
	background-color: #FFFFCC;
	width: 60%;
	text-align: center;
	font-size: 110%;
}
ul.top_topics_title li.news_btn {
	background: #FFC1C1 url(../img/top/btn_topics_bg.png) no-repeat left 50%;
	width: 40%;
	text-align: left;
}
ul.top_topics_title li.news_btn a {
	margin-left: 2em;
	display: block;
	text-decoration: none;
}
.top_topics_in {
	width: 80%;
	max-width: 800px;
	margin: 0 auto 1em;
	overflow: hidden;
}

/*picup*/
ul.top_picup {
	width: 100%;
	list-style-type: none;
	padding-left: 0;
	display: table;
	margin: auto;
}
ul.top_picup li {
	display: table-cell;
	vertical-align: middle;
	/*padding: 5em 0 1em;*/
	padding: 8em 0 1em;
}
ul.top_picup li.maternity {
	background-image: url(../img/top/btn_maternity.jpg);
	background-size: cover;
}
ul.top_picup li.gynecology {
	background-image: url(../img/top/btn_gynecology.jpg);
	background-size: cover;
}
@media screen and (max-width: 768px){
	ul.top_picup {
		display: block;
	}
	ul.top_picup li {
		display: block;
		padding: 1em 0 1em;
		margin: 0 auto;
	}

}

/*about*/
.top_about {
	width: 100%;
	overflow: hidden;
	background: #DDD9D6;
	line-height: 0;
}
.top_about ul {
	margin: 0;
	padding: 0;
}
.top_about li {
	margin: 0;
	padding: 0;
}
.top_about .about_text {
	padding: 2em 0 1em;
}
.top_about ul li div.btn_black_line {
	padding: 1em 0 0.9em;
	line-height: 1.5;
}

/*picup*/
.top_picup {
	width: 100%;
	overflow: hidden;
	padding: 1em 0;
}

/*追加news*/
.top_info {
	width: 90%;
	max-width: 960px;
	overflow: hidden;
	padding: 1em 0;
	margin: 0 auto;
	text-align: left;
}

/*--------------------------------------------------
 topics
--------------------------------------------------*/
/*--一覧--*/
dl.topics_list {
	overflow: hidden;
	margin: 0 auto 1em;
}
dl.topics_list dt {  
    float: left;
    padding: 0.6em 0;
    text-align: right;
}
dl.topics_list dd {
    padding: 0.6em 0 0.6em 7em;
	border-bottom: solid 1px #999999;
}

/*--詳細--*/




/*--------------------------------------------------
 谷病院について
--------------------------------------------------*/
/*--住所--*/
dl.address_list dd {
    padding: 0.5em 0 0.5em 3em;
}

@media screen and (max-width:648px){
	dl.address_list dd {
		padding: 0em 0 0.3em 0;
	}
}




/*--------------------------------------------------
 婦人科
--------------------------------------------------*/
/*--診療内容--*/
dl.course_list dd {
    padding: 0.5em 0 0.5em 7em;
}




/*--------------------------------------------------
 今月の赤ちゃん
--------------------------------------------------*/
/*--list--*/
.month_list {
	float: left;
	width: 45%;
}
.month_list dl {
	overflow: hidden;
	margin: 0 auto 1em;
}
.month_list dl dt {  
    float: left;
    padding: 0 0;
    text-align: right;
}
.month_list dl dd {
    padding: 0 0 0 6em;
}

@media screen and (max-width:648px){
	.month_list {
		float: left;
		width: 90%;
		margin: 0 auto;
	}
}



/*--------------------------------------------------
 知ってる？母乳＆ミルク
--------------------------------------------------*/
/*--ポイント--*/
.milk_point li {
	width: 43%;
	border: solid 1px #CCC;
	padding: 0.5em;
	margin: 0 0 1em;
	text-align: left;
}
@media screen and (max-width:860px){
	.milk_point li {
		width: 90%;
	}
}



/*--------------------------------------------------
 マネー百科
--------------------------------------------------*/
/*--リストの幅--*/
ul.maney_link {
	width: 90%;
	margin: 0 auto;
}
ul.maney_link li {
	width: 43%;
	padding: 0 0.5em;
}
@media screen and (max-width:648px){
	ul.maney_link {
		width: 90%;
		margin: 0 auto;
	}
	ul.maney_link li {
		width: 100%;
	}
}

/*Flow*/
ul.flow_list {
	margin: 1em auto;
	width: 90%;
	max-width: 500px;
}
ul.flow_list li {
	background: #FFE599 url(../img/common/bg_flow.gif) no-repeat bottom center;
	margin-bottom: 1em;
	padding: 0.5em 1em 2.5em 2em;
	list-style: none;
}
ul.flow_list li:last-child {
	background-image: none;
	background: #FFE599;
	margin-bottom: 1em;
	padding: 0.5em 1em 0.5em 2em;
	list-style: none;
}



/*--------------------------------------------------
 一部共通
--------------------------------------------------*/
/*--日時・最大6文字--*/
dl.list_day dd {
    padding: 0.5em 0 0.5em 8em;
}
/*--日時・最大4文字--*/
dl.list_time dd {
    padding: 0.5em 0 0.5em 5em;
}

@media screen and (max-width:648px){
	/*--日時・最大6文字--*/
	dl.list_day dd {
		padding: 0 0 0.5em 0;
	}
	/*--日時・最大4文字--*/
	dl.list_time dd {
		padding: 0 0 0.5em 0;
	}
}

/*--イメージ画像--*/
.page_image {
	width: 90%;
	max-width: 350px;
}
.page_image img {
	width: 100%;
}


/*--------------------------------------------------
　サイトマップ
--------------------------------------------------*/
.sitemap01 {
	margin: 0 0 1.5em 1em;
	border-left: solid 5px #A3C168;
	padding-left: 0.7em;
}
dl.sitemap {
	margin: 0 0 1.5em 1em;
}
dl.sitemap dt {
	border-left: solid 5px #A3C168;
	padding-left: 0.6em;
	margin-bottom: 0.3em;
}
dl.sitemap dd {
	background: url(../img/common/link_icon.gif) no-repeat left 3px;
	margin-left: 1em;
	padding-left: 1em;
	padding-bottom: 0.3em;
}


/*--------------------------------------------------
 バルーンアート(一覧)
--------------------------------------------------*/
.balloon-list {
    margin:0 0 10px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.balloon-item {
    width: 23%;
    min-width: 180px;
	background: #fff;
	/*
	background: -webkit-linear-gradient(top, #fff 61%,#ffefef 100%);
	background: linear-gradient(to bottom, #fff 61%,#ffefef 100%);
	*/
	border-radius: 5px;
    box-shadow: 0 2px 5px #ccc;
    margin: 10px;
    list-style:none;
}

/* 幅648px以下から
--------------------------------------------------*/
@media screen and (max-width:648px){
	.balloon-item {
		width: 100%;
	}
}

.balloon-item img {
    /*display: block;
	margin: 10px auto;*/
	border-radius: 5px 5px 0 0;
	width: 100%;
    height: auto;
}

.balloon-item .name {
	/*font-size: 90%;*/
    line-height: 2;
	padding: 0 10px 10px;
	text-align: center;
}



.balloon-item .comment {
    font-size: 80%;
    line-height: 1.5;
	padding: 5px 10px 5px;
}

/*--------------------------------------------------
 各詳細ページ
--------------------------------------------------*/



/* PC用
--------------------------------------------------*/
@media screen and (min-width: 769px){

/*----*/

}




/* iPadサイズ以下から
--------------------------------------------------*/
@media screen and (max-width: 768px){

}



/* 幅648px以下から
--------------------------------------------------*/
@media screen and (max-width:648px){

}


/*--------------------------------------------------
 ログインページ
--------------------------------------------------*/
div.login .forgetmenot {
	display: none;
}

/*--------------------------------------------------
 ランチ de フレンチ
--------------------------------------------------*/
div.menu-list {
	text-align: center;
}

div.menu-item {
	margin-top: 50px;
}

div.menu-item .title {
	text-decoration-line: underline;
}