@charset "UTF-8";
/* CSS Document */



/*/////////////////////////////////////////////////////////////////
////////////調剤薬局　スマホ用 CSS
///////////////////////////////////////////////////////////////////*/





@media screen and (max-width : 768px) {
/* ここに768px以下のCSSを記述*/


/*スマホ用メインナビの色*/

#navbar-menu {background: #F06C9E; }



/*----------------------------------------------------
	調剤薬局 ホーム用　 #p-pharma.home
----------------------------------------------------*/

#global-slider {
	background:url(../pharmacy/img-common/slide-home.jpg) no-repeat left top;
	background-size: cover;
	height:150px;
	width: 100%;
}


.pharma-header-img {
	background:url(../pharmacy/img-common/home-vis.jpg) no-repeat top center;
	background-size: cover;
	height:400px;
	position: relative;
}

.pharma-header-img p {
	
	position: absolute;
	left: 50px;
	top: 10px;
	height: 300px;
	width: 110px;
	
}


.intro {
	width: 90%;
	color:#F06C9E;
	font-size: 15px;
	text-align:left;
	letter-spacing: 0.15em;
	margin: 0 auto;
	line-height: 1.5;
	
}

.intro-wrap {
	position:relative;
	margin: 20px 0;
}

.intro-wrap aside img {
	display: none;
}





/*表紙のイラスト6つ*/

ul.utilliti {
	width: 90%;
	/*margin-right: -34px;
	margin-left: 51px;*/
	margin: 0 auto;
	overflow:hidden;

	
	
}

ul.utilliti li{
	width: 100%;
	float:none;
	margin-right: 0;
	margin-bottom: 30px;

}

ul.utilliti li p {
	text-align:center;
}


ul.utilliti li h2 {
	
	font-weight: normal;
	font-size: 1.7em;
	text-align:center;
	margin: 10px 0 0 0;
}


ul.utilliti li p.btn-more {
	font-family:Montserrat;
	font-weight: 400;
	font-size: 1.4em;
	text-align:center;
}

ul.utilliti li p.btn-more a {
	color:#F06C9E;
}

ul.utilliti li p.btn-more a:hover {
	color:#FF87BB;
}

ul.utilliti li p.read {
	width: 100%;
	margin: 0 auto;
	text-align:left;
}


/*表紙　お知らせ*/

/*.wide-color {
	background:#F7F7F7;
	margin: 30px 0 0 0;
	padding: 20px 0;
}*/

.wide-color.infoma {
	background:#FFF;
	margin: 20px auto 0 auto;
	padding: 0 0 30px 0;
	border-bottom: 1px solid #DDD;
	border-top: none;
	width: 100%;
}


#p-pharma.home .wide-color h1.pharma-home-news {
	position: static;
	
	width:auto;
	height:auto;
	background:none;
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
	-webkit-border-radius: 0%;
	-moz-border-radius: 0%;
	border-radius: 0%;
	text-align:center;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.5;
	
	
}

#p-pharma.home .wide-color .info-wrap {
	width: 100%;
	margin: 0 auto;
}


#p-pharma.home .date {
	font-size: 0.9em;
	line-height: 1;
}

#p-pharma.home .info-title {
	font-weight: normal;
	font-size: 20px;
}

#p-pharma.home .info-body {
	font-size: 1em;
	margin: 10px 0 0 0;
}

#p-pharma.home .info-body img {
	display:block;
}


#p-pharma.home ul.info-list {
	overflow:hidden;
	margin:30px 0 15px 0;
	border-bottom: 1px solid #BEC3C7;
}

#p-pharma.home ul.info-list li {
	border-top: 1px solid #BEC3C7;
	padding-top: 10px;
	margin-bottom: 10px;
	line-height: 1.5;
}

#p-pharma.home ul.info-list li span {
	font-size: 0.9em;
	line-height: 1.5;
}

#p-pharma.home ul.info-list li i {
	color:#ED85A4;
}

.info-wrap .btn-more {
	font-size: 1.3em;
	text-align:right;
	line-height: 1;
	
}

.info-wrap .btn-more a {
	color:#ED85A4;
}

.info-wrap .btn-more a:hover {
	color:#FF87BB;
}



/*店舗日本地図*/


#p-pharma.home .wide-map {
	
	height:400px;
	margin-bottom: 60px;
}

	
	
/*エリアリスト*/	
	
p.map-list-t {
	background:none;
	height:auto;
	font-size:1.3em;
	width: 100%;
	margin: 70px auto 0 auto;
	text-align:center;
	padding-top: 0;
	line-height: 1.3;
	}
	
ul.map-list	{
	overflow: hidden;
	width: 100%;
	margin: 20px auto;
}
	
ul.map-list	li {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 10px;
	text-align:center;
	background:#ED85A4;
	font-size: 1.2em;
	
	}
	

ul.map-list	li a {
	display: block;
	color:#FFF;
	padding: 15px 0;
	position:relative;
}


	
ul.map-list	li a:hover {
	color:#FF87BB;
}	



/**/
#omoi .wide-bk-white {
	padding: 30px 0;
	
}
.omoi-btm-copy {
	font-size: 1.2em;
	color:#545454;
	margin-bottom: 0;
}

.omoi-btm-copy02 {
	font-size: 1.3em;
	color:#777777;
	margin-top: 10px;
}

.omoi-btm-copy03 {
	font-size: 1.2em;
	margin-top: 10px;
}

.omoi-btm-copy03 a {
	color:#ED85A4;
}

.omoi-btm-copy03 a:hover {
	color:#FF87BB;
}

.hart-img {
	display:none;
	/*position: absolute;
	left: 280px;
	bottom: 30px;*/
}



/*フッター*/

footer .wide-color {
	padding: 20px 0;
	margin: 10px 0 0 0;
}

.footer-wrap {
		width:100%;
	margin: 0 auto!important;
}

.global-footer-wrap {
	text-align:center;
	border-bottom: 1px solid #DDDDDD;
	margin-top: 0px;
	padding-bottom: 20px;
	background:#FFF;
	padding-top: 20px;
}

.global-foort-name {
	margin-top: 40px;
	margin-bottom: 15px;
	text-align:center;
	line-height:1.2;
}

.global-foort-name img {
	vertical-align:top;
}

.global-foort-name span {
	display: block;
	text-align:center;
	font-size: 1.5em;
	line-height:1.5;
	margin: 0;
	padding: 0;
}

.global-footer-add {
	color:#666666;
	text-align:left;
}


.wide-bk-white {
	background: #FFF;
	padding: 30px 0;
}

	ul.global-home-btn03 {
width: 90%;	
	overflow:hidden;
	margin: 0 auto;
	
	}	

ul.global-home-btn03 li {
	float:none;
	font-size: 16px;
	letter-spacing: 0.1em;
	color: #666;
	}
	
ul.global-home-btn03 li a {
		position: relative;
	
}


ul.global-home-btn03 li.btn-about {
	padding-left: 38px;
	margin-right: 0;
	border-right: none;
	padding-right: 0;
	}

ul.global-home-btn03 li.btn-contact {
	padding-left: 40px;
	margin-top: 10px;
	}

ul.global-home-btn03 li.btn-about a:before {
	
	position:absolute;
	left: -38px;
	top: -5px;
	content: '\f007';
	font-family: FontAwesome;
	font-size: 1.8em;
	line-height: 1;
	color: #666;
	
	
	
	}

ul.global-home-btn03 li.btn-contact a:before {
	
	position:absolute;
	left: -40px;
	top: -5px;
	content: '\f003';
	font-family: FontAwesome;
	font-size: 1.8em;
	line-height: 1;
	color: #666;
	}


.pink-elephn {
	position: static;
	margin-top: 20px;
	
}

.wide-btn {
	background:#FFF;
	padding-top: 15px;
}



.page-wrap h1 {
	font-size: 30px;
	line-height: 1;
	font-weight: normal;
	text-align:center;
}


.page-wrap {
	padding: 30px 0;
}	


/*--------------------------------------------------------------------------------------------------------
	お知らせ　 #p-pharma.ph-info
----------------------------------------------------*/

#p-pharma.ph-info .pharma-header-img {
	background:url(../pharmacy/info/images/head-vis.jpg) no-repeat top center;
	background-size: cover;
	height:250px;
}



ul.info-list-all {
	border-top: 1px solid #ddd;
	padding-top: 8px;
	margin-top: 0;
}

ul.info-list-all li {
	border-bottom: 1px solid #ddd;
	padding-bottom: 8px;
	margin-bottom: 8px;
	font-size: 16px;
	
}

ul.info-list-all li span {
	display: block;
	font-size: 14px;
	color:#666;
	padding-right: 0;
}

ul.info-list-all li i {
	color:#ED85A4;
	padding-right: 5px;
}

ul.info-list-all li a:hover {
	color:#ED85A4;
}








/** ページネーション
http://designshack.net/articles/css/building-a-custom-css3-pagination-user-interface/**/



.paginate.pag5 { 
clear:both;
  padding: 9px 8px;
  font-size: 90%;
  line-height: 1;
  width: 220px;
  margin: 40px auto 100px auto;
  }
 
.paginate.pag5 li { font-weight: bold; }
 
.paginate.pag5 li a,
.paginate.pag5 li span {
  display: block;
  float: left;
  color: #FFF;
  text-decoration: none;
  padding: 9px 12px;
  margin-right: 6px;
  border-radius: 16px;
  background: #999;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.paginate.pag5 li span { background: #ED85A4; }

.paginate.pag5 li a:hover {
  color: #FFF;
  background: #ED85A4;
}
.paginate.pag5 li a:active {
  -webkit-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
  -moz-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
  box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
}
 
.paginate.pag5 li.navpage a {
  padding: 9px 13px;
  background: #000;
  color: #4f664e;
}
.paginate.pag5 li.navpage a:hover {
  color: #414e40;
  background: #a4c6a2;
}
 
.paginate.pag5 li.current { background: #ED85A4; }
.paginate.pag5 li.single, .paginate.pag5 li.current {
  display: block;
  float: left;
  padding: 9px 12px;
  margin-right: 6px;
  border-radius: 16px;
  color: #fff;
}



.paginate.pag5 li.pagenate-next a {
	color: #666;
	
	 display: block;
  float: left;
  
  text-decoration: none;
  padding: 9px 5px;
  margin-right: 6px;
  border-radius: 0;
  background:none;

  
}
.paginate.pag5 li.pagenate-next a:hover {
	color: #00853E;
}


/*//////////////お知らせ詳細////////////////////*/

#p-pharma.ph-info #shop-box {
	width: 90%;
}

#p-pharma.ph-info #shop-box h1 {
	text-align:left;
	font-size:24px;
	margin: 10px 0 20px 0;
	line-height: 1.5;
}

p.info-goto {
	width:100%;
	background: #ED85A4;
	text-align:center;
	font-size: 18px;
	margin: 15px auto 10px auto;
	
}

p.info-goto a {
	display: block;
	color: #fff;
	padding: 10px 0;
}

p.info-goto a i {
	padding-right: 5px;
}

p.info-goto a:hover {
	background: #EDAAB9;
}





/*--------------------------------------------------------------------------------------------------------
	店舗案内　 #p-pharma.ph-shop
----------------------------------------------------*/

#p-pharma.ph-shop .pharma-header-img {
	background:url(../pharmacy/shop/images/head-vis.jpg) no-repeat top center;
	background-size: cover;
	height:250px;
}

#p-pharma.ph-shop .wide-map {
	margin-bottom:0;
}

#p-pharma.ph-shop .wide-map .t-network {
	font-size: 2em;
	line-height: 1;

}

.map-count {
	position: absolute;
	right:0;
	left:0;
	bottom: -370px;
	width: 184px;
	
	margin: auto;
}

.map-count img {
	
	width: 184px;
}

.page-wrap {
	padding: 30px 0;
}

.page-wrap h1 {
	font-size: 24px;
	line-height: 1.3;
	font-weight: normal;
	text-align:center;
}



/**/

.map-bottom {
	width: 100%;
	border-bottom: 1px solid #DDD;
	margin-bottom: 50px;
}

ul.btn-area {
	width: 90%;
	margin: 0 auto;
	padding: 0 0;
}

ul.btn-area li {
	display: inline;
	margin-right: 1.2em;
}

ul.btn-area li i {
	color:#ED85A4;
	padding-right: 5px;
}


/**/

#shop-area aside {
	text-align:center;
}

#shop-area h2 {
	font-size: 20px;
	font-weight: normal;
	text-align:center;
	margin-bottom: 30px;
	line-height: 1.4;
}

#shop-area h1 {
	
	background:#ED85A4;
	color: #FFF;
	text-align:center;
	font-size: 24px;
	line-height: 1;
	font-weight: normal;
	padding: 18px 0;
}



p.area-p {
	text-align:center;
	font-size: 13px;
	color:#878787;
	margin:5px 0 20px 0;
}



ul.shop-box {
	width: 100%;
	margin: 0;
	overflow: hidden;
}

ul.shop-box.fukushima-list {
	margin: -20px -49px 10px 0!important;
}


ul.shop-box li {
	width: 100%;
	float: one;
	margin-right: 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #DDDDDD;
	font-size: 16px;
	
}

ul.shop-box li p {
	font-size: 11px;
	color:#000;
	line-height: 1.4;
}

ul.shop-box li a {
	display: block;
	padding-bottom: 8px;
}

ul.shop-box li a:hover {
	color:#ED85A4;
}

.area-wrap {
	clear:both;
	margin-top: 50px;
}


h2.ken-name {
	width: 100px;
	height: 60px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #999;
	color:#fff;
	text-align:center; 
	font-size:18px!important;
	line-height: 1;
	padding-top: 40px;
	margin: 40px auto 0 auto;
}


/*ユーティリティのグレー*/
#btm-utilli .wide-color {
		padding: 50px 0 0 0;
}



/*--------------------------------------------------------------------------------------------------------
	店舗案内  店舗詳細　 #p-pharma.ph-shop
----------------------------------------------------*/
#gmap {
	width: auto;
	height: 250px;
	margin-bottom: 5px;
}

p.shop-close {
	background: #eee;
	padding: 10px 0;
	text-align:center;
}

p.shop-close a:hover {
	color:#ED85A4;
}

#shop-box {
	width: 90%;
	margin: 20px auto;
}


#shop-box h1 {
	text-align:center;
	font-size:26px;
	margin: 10px 0 20px;
}

.shop-ad {
	font-size: 18px;
	color:#000;
	line-height: 1.8;
	margin-bottom: 20px;
}

ul.shop-open {
	border-bottom: 1px solid #ccc;
	margin:0 0 20px 0;
	
}

ul.shop-open li {
	border-top: 1px solid #ccc;
	padding-top: 10px;
	margin-bottom: 10px;
}

p.shop-comme {
	margin:0 0 20px 0;
}

iframe.shop-map {
	width: 100%;
	height: 400px;
}

ul.shop-memo {
	margin-top: 5px;
	font-size: 14px;
}

p.shop-btm-logo {
	margin: 50px 0 0 0;
	text-align:center;
}






/*--------------------------------------------------------------------------------------------------------
	調剤のながれ　 #p-pharma.ph-flow
----------------------------------------------------*/



#p-pharma.ph-flow .pharma-header-img {
	background:url(../pharmacy/flow/images/head-vis.jpg) no-repeat top center;
	background-size: cover;
	height:250px;
}

#p-pharma.ph-flow .page-wrap {
	padding-bottom: 30px;
}

p.copy-read {
	width: 90%;
	margin:30px auto 0 auto;
}

.pink-line {
	background: #ED85A4;
	color:#fff;
	text-align:center;
	padding:20px 0;
	font-size: 20px;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 30px;
	letter-spacing: 0.1em;
}


/**/

article.flow-out {
	border:#ED85A4 1px solid;
	padding: 3%;
	width: 94%;
}

ul.flow-wrap .flow-left {
	
	float: none;
}

ul.flow-wrap .flow-right {
	width:100%;
	float: none;
}


ul.flow-wrap li {
	overflow: hidden;
}

.flow-left h1 {
	font-size:20px;
	color:#ED85A4;
	line-height: 1.2;
}


.flow-left h1 span {
font-size:40px;
font-family:Montserrat;
	font-weight: 700;
	padding-right: 8px;
}

dl.flow-list {
	border-top: 1px solid #DDD;
	margin-top: 15px;
	padding-top: 15px;
}

dl.flow-list dt {
	font-weight: bold;
	margin-bottom: 5px;
}

dl.flow-list dd {
	margin-bottom: 15px;
}

.flow-right aside img {
	margin-top: 6px;
}

/**/
p.t-kanren {
	background:#888888;
	text-align:center;
	padding: 0.5em 1em;
	font-size: 11px;
	width: 8em;
	color: #fff;
	line-height:1;
	margin:15px 0 5px 0;
}

p.copy-kanren {
	font-size: 14px;
}
p.copy-kanren a {
	color:#ED85A4;
}
p.copy-kanren a:hover {
	color:#EDAAB9;
}


/**/

.arrow-blank {
	background:#FFF;
	text-align:center;
	padding: 10px 0;
	color:#ED85A4;
	line-height: 1;
	margin: 5px 0;
}





/*--------------------------------------------------------------------------------------------------------
	お薬最前線　 #p-pharma.ph-front
----------------------------------------------------*/



#p-pharma.ph-front .pharma-header-img {
	background:url(../pharmacy/front/images/head-vis.jpg) no-repeat top center;
	background-size: cover;
	height:250px;
}



#front-wrap article h1 {
	font-size: 20px;
	color:#ED85A4;
	margin: 0 0 20px 0;
	line-height: 1.3;
}

ul.front-3box {
	width: 90%;
	margin: 20px auto;
	overflow: hidden;
	
}

ul.front-3box li{
	width: 100%;
	height: auto;
	float:none;
	margin-right:0;
	background:#FFFFBF;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 20px auto;
	padding: 10px 0;
}

ul.front-3box li:last-child {
	margin-right:0;
	float:none;
	
}

ul.front-3box li p{
	font-size: 18px;
	color:#000;
	line-height: 1.4;
	width: 90%;
	margin: 0 auto;
}


hr.about-hr {
	 border: 0;
    height: 0;
    border-bottom: 1px solid #DDDDDD;
}


/**/


.front-wrap {
	
	overflow:hidden;
	margin-bottom: 5px;
}

.front-wrap .front-left {
	width: 100%;
	float: none;
}

.front-wrap .front-right {
	width: 100%;
	float: none;
}

.front-wrap dt {
	background:#ED85A4;
	color:#fff;
	font-size:18px;
	padding:10px 14px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.5;
}

.front-wrap dd p {
	margin-bottom: 15px;
}


/**/

.front-biko {
	text-align:center;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 30px;
	text-align:left;
}


/**/

.front-list-t {
	text-align:center;
	margin-bottom: 20px;
	font-size: 18px;
	
}


.front-list-wrap {
	border-top: 1px dotted #777777;
	padding-top: 14px;
}

.front-list-wrap li {
	border-bottom: 1px dotted #777777;
	padding-bottom: 14px;
	margin-bottom: 14px;
}

.front-list-wrap li i{
	color:#ED85A4;
}

.front-list-wrap li a:hover {
color:#ED85A4;
}







/*--------------------------------------------------------------------------------------------------------
	お薬QA　 #p-pharma.ph-faq
----------------------------------------------------*/



#p-pharma.ph-faq .pharma-header-img {
	background:url(../pharmacy/faq/images/head-vis.jpg) no-repeat top center;
	background-size: cover;
	height:250px;
}





/**/
ul.faq-nav {
	border-right: none;
	width: 95%%;
	display: block;
	margin: 0 auto;

}

ul.faq-nav li{
	display:inline;
	text-align: center;
	border-left: 1px solid #ddd;
	font-size: 14px;
	line-height: 1.2;
	padding: 0 0 0 3px;
	
	
}

ul.faq-nav li:last-child {
	border-right: 1px solid #ddd;
		padding: 0 3px 0 0;
}

ul.faq-nav li a {
	display: inline;
	color:#ED85A4;
	
}
ul.faq-nav li a:hover {
	color:#FFA7BD;
}


#p-pharma.ph-faq .pink-line {
	margin-bottom: 10px;
	}


.faq-biko {
	font-size: 13px;
	color:#666;
	text-align:center;
	margin-bottom: 10px;
}






/*////////アコーディオン///////*/
button {
   
    background: inherit;
    border: inherit;
   
    outline: none;
    width: 100%;
    display: block;
    text-align: left;
    color: inherit;
	font-size:18px;
	font-weight: bold;
}

button:hover {
	cursor: pointer;
}



[data-accordion] [data-content] {
	color:#D45883;
}

[data-accordion] [data-content] {
    overflow: hidden;
    max-height: 0;
}

[data-control],
[data-content] > * {
    border-bottom: 1px dotted #777;
    padding: 10px 0;
}

.no-line {
	border-bottom:none;
	padding: 10px 0 0 0;
}
	

/**/

#only-one{
	
}

.faq-q {
	float:none;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #ED85A4;
	color:#fff;
	font-family:Montserrat;
	font-weight: 700;
	font-size: 1.8em;
	text-align:center;
	position: static;
	left: -120px;
	padding-top: 0;
	margin: 20px auto 0 auto;
	
}

.faq-a {
	width: 100%;
	min-height:100px;
	float: none;
	position: static;
}

.txt-black {
	color:#333;
	font-size: 14px;
}


/*faqに高さがなくなるのでfloatをクリア*/
#p-pharma.ph-faq #btm-utilli {
	clear:both;
	padding-top: 0;
}


.faq-a.last-margin {
	margin-bottom: 40px;
}






/*--------------------------------------------------------------------------------------------------------
	私たちについて　 #p-pharma.ph-about
----------------------------------------------------*/



#p-pharma.ph-about .pharma-header-img {
	background:url(../pharmacy/about/images/head-vis.jpg) no-repeat top center;
	background-size: cover;
	height:250px;
}


/**/

#p-pharma.ph-about ul.pink-line {
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0;
	margin-bottom: 0;
	}

#p-pharma.ph-about .pink-line li {
	display: block;
	margin-right: 0;
	margin-bottom: 8px;
	}

#p-pharma.ph-about .pink-line li a {
	color:#fff;
}

#p-pharma.ph-about .pink-line li a:hover {
color:#FDAACD;
}


/**/

#p-pharma.ph-about #about-intro.wide-color {
	margin: 0 0 30px 0;
	padding: 30px 0;
	
}


#about-intro h2 {
	font-size:24px;
	color:#ed85a4;
	text-align:center;
	margin:0 0 20px 0;
	font-weight: normal;
	text-align:left;
}



#about-intro p {
	font-size: 18px;
	color:#ed85a4;
	line-height: 1.5
}


/*上マージン削除*/
#p-pharma.ph-about #btm-utilli .wide-color {
	margin-top: 0;
}


/**/

#about-intro02 h2 {
	font-size: 22px;
	text-align:left;
	margin: 20px 0;
	font-weight: normal;
	line-height: 1.6;
}


.pepole-wrap {
background:url(../pharmacy/about/images/ph-pepole01.jpg) no-repeat center top;
	background-size: cover;
	height:200px;
	}


.pepole-wrap p {
	text-align:center;
	padding-bottom:100px;
}




/*--------------------------------------------------------------------------------------------------------
	私たちについて:よろこびから　 #p-pharma.ph-about
----------------------------------------------------*/



#p-pharma.ph-about #about-yorokobi.pharma-header-img {
	background:url(../pharmacy/about/images/head-vis02.jpg) no-repeat top center;
	background-size: cover;
	height:250px;
}


h2.about-sub-t{
	font-size:24px;
	color:#ed85a4;
	text-align:center!important;
	margin:-20px 0 20px 0!important;
	font-weight: bold!important;
}

/*
h3.about-pink-chact {
	font-size:24px;
	color:#ed85a4;
	text-align:center;
	margin:0 0 20px 0;
	font-weight: normal;
	line-height: 1.5;
}*/


p.body-yorokobi {
	font-size: 20px;
	text-align:left;
	line-height: 2.0;
	margin-bottom: 80px;
}







/*--------------------------------------------------------------------------------------------------------
	私たちについて:サービス　 #p-pharma.ph-about
----------------------------------------------------*/

.about-pink-chact {
	font-size:24px;
	color:#ed85a4;
	text-align:left;
	margin:0 0 10px 0;
	font-weight: normal;
}



#p-pharma.ph-about #about-service.pharma-header-img {
	background:url(../pharmacy/about/images/head-vis03.jpg) no-repeat top center;
	background-size: cover;
	height:250px;
}


h2.about-sub-t02{
	font-size:24px;
	color:#ed85a4;
	text-align:center!important;
	margin:20px 0 20px 0!important;
	font-weight: bold!important;
}

p.margin-btm100 {
	margin-bottom: 20px;
	font-size: 16px!important;
	color:#333!important;
	line-height: 1.4!important;
}


/**/

.service-box {
	clear:both;
	width: 90%;
	padding: 5px 0;
	margin: 0 auto 40px auto;
	border-right: none;
	border-left: none;
	overflow: hidden;
}

.service-back {
	width: 100%;
	float: none;
	position: static;
}

.service-num {
	position: static;
	left: -180px;
	width: 100px;
	height: 85px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #888;
	color:#fff;
	font-family:Montserrat;
	font-weight: 700;
	font-size: 1.2em;
	text-align:center;
	line-height: 1.3;
	padding-top:15px;
	margin: 0 auto 15px auto;
}

.service-num01 {
	font-size: 2em;
	line-height: 1.1;
}

.service-box h1 {
	font-size:22px;
	color:#ed85a4;
	margin: 0 0 8px 0;
	line-height: 1.5;
}

.service-btn {
	background:#7bd0ff;
	width: 100%;
	font-size:18px;
	text-align:center;
	margin-top: 10px auto 0 auto;
}

.service-btn a {
	display:block;
	color:#fff;
	padding: 10px;
}


.service-btn a:hover {
	background:#9ACDEA;
}





/*--------------------------------------------------------------------------------------------------------
	私たちについて:人を育てています　 #p-pharma.ph-about
----------------------------------------------------*/



#p-pharma.ph-about #about-educat.pharma-header-img {
	background:url(../pharmacy/about/images/head-vis04.jpg) no-repeat top center;
	background-size: cover;
	height:250px;
}

.pepole-wrap2 {
background:url(../pharmacy/about/images/ph-pepole02.jpg) no-repeat center top;
	background-size: cover;
	height:200px;
	}



.service-btn02 {
	background:#7bd0ff;
	width: 100%;
	font-size:22px;
	text-align:center;
	margin: 0 auto 30px auto;
	
}

.service-btn02 a {
	display:block;
	color:#fff;
	padding: 15px;
}


.service-btn02 a:hover {
	background:#9ACDEA;
}




/*--------------------------------------------------------------------------------------------------------
	お問合わせ　 #p-pharma.ph-contact
----------------------------------------------------*/


#p-pharma.ph-contact .pharma-header-img {
	background:url(../pharmacy/contact/images/head-vis.jpg) no-repeat top center;
	background-size: cover;
	height:250px;
}


#p-pharma.ph-contact iframe
 {
	width: 94%;
	height: 300px;
	border: 1px solid #DDD;
	padding: 3%;
	margin: 0px auto 0 auto;
}



form#mailformpro {
	padding: 0!important;
}

.width720 {
	width: 90%;
	margin: 0 auto;
}

.bk-contact-col {
	background:#F4F8FA;
	padding-bottom: 80px;
}

p.scroll-txt {
	font-size: 14px;
	color:#666;
}

p.privacy-check {
	background:#ed85a4;
	color: #fff;
	padding: 15px 0;
	font-size: 16px;
	text-align:center;
	margin-top: 30px;
	
}

span.requ {
	font-size: 13px;
	color:#C30;
	line-height: 1;
}

p.txt-kanarazu {
	font-size: 12px;
	color:#C30;
	text-align:center;
	padding-top: 5px;
	margin-bottom: 10px;
}




/**/


dl.contact-c {
	position: static;
	border-bottom: dotted 1px #999999;
	/*width: 90%;*/
}

dl.contact-c dt {
  position: static;
  left: 0;
width:100%;
padding-top: 13px;
}
 
dl.contact-c dd {
  padding-left: 0;
  border-top: dotted 1px #999999;
margin-bottom: 13px;
padding-top: 13px;
}	



/*///////form////////*/

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
	
	padding: 5px 10px 5px 10px;
	border: solid 1px #ccc;
	margin: 5px 0;
}

textarea {
	width: 100%;
}

#mfp_buttons {
	width: 100%;
	margin: 0!important;
	padding: 0!important;
}



ul.form-list li {
	display: inline;
	margin-right: 1.5em;
}

dl.contact-c dt {
	color:#000;
}


/*ボタン*/
.mfp_buttons button {
	display: block;
	padding: 17px 0;
	border: none;
	border-radius: 0;
	background-image: none;
	color: #fff;
	font-family: inherit;
	font-size: 18px!important;
	text-decoration: none;
	cursor: pointer;
	-webkit-appearance: none;
	line-height: 1;
	font-weight: normal;
	width: 90%;
	text-align:center;
	margin: 5px auto;
	
}

.mfp_buttons button#send-btn {
	background-color: #ed85a4;
	margin: 5px auto;
	
}

.mfp_buttons button#send-btn:hover {
	background-color: #FDAACD;
}

.mfp_buttons button#rest-btn {
	background-color: #666;
	}

.mfp_buttons button#rest-btn:hover {
	background-color: #777;
}



/*////THANKS////*/

dl.tnanx h2 {
	font-size: 20px;
	text-align:center;
	font-weight: normal;
	margin-bottom: 20px;
	border-bottom: 1px solid #DDD;
	padding-bottom: 30px;
	margin-top: 10px;
}

dl.tnanx dd {
	padding-bottom: 0px;
}

#p-rec.detail-contact.thanks .detail-head h2 {
	font-size: 30px;
}













/*!! DONT DEL !!*/

}