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

html {
  font-size: 62.5%;
}
body {
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
}

*, *::before, *::after {
  box-sizing: border-box;
}

/* --------------------------------
 * header
 * -------------------------------- */
.header {
    padding-top: 10px;
    padding-bottom: 8px;
    padding-left: 30px;
    padding-right: 30px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    background-image: url(../images/banner02.gif);
    background-repeat: no-repeat;
    background-size: cover;
}
.site-title {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    letter-spacing: normal;
    text-shadow: 0 0 0px rgba(31,50,53,0.8),0 0 5px rgba(31,50,53,0.3);
    color: #ffffff;
    font-weight: normal;
    font-size: 5rem;
    border-width: 2px;
    border-style: solid;
    border-radius: 10px;
    padding-left: 0px;
    margin-left: 200px; 
	margin-right: 200px; 
}
.header h3{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 2rem;
	font-weight: normal;
	margin-bottom: -20px;
	
}
/* --------------------------------
 * guide
 * -------------------------------- */
.guide {
    background-color: rgba(202,198,187,0.58);
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
}
/* --------------------------------
.guide_name {
    color: #656247;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    display: inline-block;
    font-weight: bold;
    font-size: 2rem;
	margin-left: 500px;
}
.guide_address {
    color: #656247;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    display: inline-block;
    font-size: 2rem;
	margin-left: 50px;
}
* -------------------------------- */
.guide_tel {
    color: #656247;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 2rem;
    margin-right: 180px;
    text-align: right;
}
/* --------------------------------
 * parts
 * -------------------------------- */
.contentWrapper {
	width: 70%;
	margin: 0 auto;
	text-align: center;
	padding: 5rem 0;
}
.heading {
    position: relative;
    display: inline-block;
    margin-top: 5px;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 10px;
    letter-spacing: 2px;
    font-size: 3rem;
    color: #000000;
}
.heading::before,
.heading::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #999;
}
.heading::before {
  bottom: 5px;
}

/*----これは不要になった----


.bottom-background {
    background-image: url(../images/banner11.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
*/
#body01:before{
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/banner11.jpg);
    background-size: cover;
}


/* --------------------------------
 * about
 * -------------------------------- */
.about {
    background-color: #fff;
    color: #333;
}
.about-text {
    margin-top: 20px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 50px;
    line-height: 2.5;
    font-size: 1.5rem;
}
/* --------------------------------
 * 薬剤師外来
 * -------------------------------- */
.yakuzaishi_gairai{
    background-color: #fffdee;
}
.toppostTitle_yakuzaishi_gairai {
    position: relative;
    display: inline-block;
    margin-top: 5px;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 10px;
    letter-spacing: 2px;
    font-size: 3rem;
    color: #f38471;
}
.toppostTitle_yakuzaishi_gairai::before,
.toppostTitle_yakuzaishi_gairai::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #f38471;
}
.toppostTitle_yakuzaishi_gairai::before {
  bottom: 5px;
}
.gairai_poster {
    display: block;
    text-align: center;
}
.gairai_poster img{
    width: 100%;
    height: auto;
}
.gairai_poster p{
    font-size: 2rem;
    margin-top: 1px;
    text-align: left;	
}
/* --------------------------------
 * eお薬手帳について
 * -------------------------------- */
.e_okusuri {
    margin-top: 30px;	
}
.toppostTitle_e_okusuri {
    position: relative;
    display: inline-block;
    margin-top: 5px;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 10px;
    letter-spacing: 2px;
    font-size: 3rem;
    color: #00B5C5;
}
.toppostTitle_e_okusuri::before,
.toppostTitle_e_okusuri::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #00B5C5;
}
.toppostTitle_e_okusuri::before {
  bottom: 5px;
}
.e_okusuri_sousin {
    display: block;
    text-align: center;
    margin-left: 60px;
    margin-right: 60px;
    width: 500px;
    margin-top: 20px;
}
.e_okusuri_sousin p{
	width: 60%;
    display: block;
    text-align: left;
    font-size: 2rem;
    color: #333333;
    line-height: 3.5rem;
    float: left;
}
.e_okusuri_sousinimg {
    text-align: center;
    margin-top: 0px;
}
.e_okusuri_sousinimg img{
    width: 100%;
}
.e_okusuriimg {
    margin-top: 50px;
    padding-bottom: 0px;
}
.e_okusuriimg img{
    width: 90%;
}
.e_okusuriimg a:hover img{
	 opacity: 0.8;
}
.e_okusuriimg p{
    font-size: 2rem;
    margin-top: -50px,
}
/* --------------------------------
 * newsお知らせ
 * -------------------------------- */
.news {
    background-image: url(../images/banner05_2.png);
    height: 500px;
    background-repeat: no-repeat;
    background-position: left-bottom;
    background-size: cover;
    posision: relative;
}
.news dl {
	width: 80%;
	margin: 0 auto;	
}
.news dt {
    width: 20%;	
	float: left;
    text-aline: left;
    padding: 10px 0;
    color: #000000;
    font-size: 2rem;
}
.news dd {
    width: 70%;
    float: left;
    text-aline: left;
    padding: 10px 0;
    color: #000000;
    font-size: 2rem;
    text-align: left;
}
 .clearfix::after {
	display: block;
	content: "";
	clear: both;
}

/* --------------------------------
 * access
 * -------------------------------- */
.access {
    background-repeat: no-repeat;
    background-position: left-bottom;
    background-size: cover;
    posision: relative;
}
.access-text {
    color: #000000;
    line-height: 2.5;
    font-size: 2rem;
}
/* --------------------------------
 * plofile
 * -------------------------------- */
.profile {
    background-color: #FFFFFF;	
}
.table-wrapper .pharmacyProfile {
    border-top: 1px solid #CCCCCC;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
    color: #000000;
}
.table-wrapper .pharmacyProfile th {
  text-align: right;
  padding: 5px 15px;
  border-bottom: 1px solid #CCCCCC;
}
.table-wrapper .pharmacyProfile td {
  padding: 5px 15px;
  border-bottom: 1px solid #CCCCCC;
}
.table-wrapper .pharmacyProfile tr.odd {
  background-color: #EFEFEF;
}
/* --------------------------------
 * kanpou
 * -------------------------------- */
.kanpou .contentWrapper{
    background-image: url(../images/banner04.jpg);
    margin-top: 80px;
    padding-bottom: 150px;
    margin-bottom: 100px;
    padding-left: 20px;
    padding-right: 20px;
}
.kanpou-text{
    color: #000000;
    font-size: 2rem;
    line-height: 2;
}
/* --------------------------------
 * ここから下はスマホ用
 * -------------------------------- 
@media only screen and (max-width:480px) {
.bottom-background {
    background-image: url("../images/banner11-1.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
#test01:before{
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/banner11_01.jpg);
    background-size: cover;
}
  
div.box{
    background-color: rgba(40,40,40,0.80);
    padding: 50px;
    width: 50%;
    margin: 10px auto;
    color: #FFFFFF;
}

div.label{
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0;
    color: #ffffff;
}
}
@media screen and (max-width: 1194px){
	#test01:before{
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/banner11.jpg);
    background-size: cover;
}
  
div.box{
    background-color: rgba(40,40,40,0.80);
    padding: 50px;
    width: 50%;
    margin: 10px auto;
    color: #FFFFFF;
}

div.label{
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0;
    color: #ffffff;
}

}
*/
/****************************************

            instagram

*****************************************/
#instagram {
    margin-top: 30px;
    margin-left: 100px;
    clear: both;
    margin-right: 100px;
    margin-bottom: 100px;
}
.insta_logo {
    display: block;
    margin-left: 10px;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
}
/****************************************

            instagramここまで

*****************************************/
.form {
    color: #000000;	
}
/****************************************

            footer

*****************************************/
.footer {
    background-image: url(../images/banner05_2.png);
    height: 330px;
    background-repeat: no-repeat;
    background-position: left-bottom;
    background-size: cover;
    posision: relative;
}
.footer h2 {
    font-size: 2.5rem;
    color: #333D3F;
}
.footer p {
	color: #333D3F;
    padding-top: 10px;
    font-size: 2rem;
}
 .clearfix::after {
	display: block;
	content: "";
	clear: both;
}