@charset "utf-8"; /*utf-8*/

/*************************
  Common
*************************/

* {
margin:0;
padding:0;
letter-spacing:0;
}

html {
height:100%;
font-size: 62.5%;
line-height: 1.6;
margin:30px 0 0 0;
}

body {
background-color:#8d9eaf;
color:#ffffff;
font-size: 1.6em;
font-family: 'Noto Serif JP', serif;
}

/*
h1,h2,h3,h4,h5 {
font-size:100%;
font-weight:normal;
}
*/

ul li {
list-style:none
}

a {
color:#FEF810;
text-decoration:none;
}

a:visited {
color:#FEF810;
text-decoration:none;
}

a:hover {
color:#aaaaff;
text-decoration:none;
}

img {
border:0;
}

p {
margin-bottom:2rem;
text-align: justify;
text-justify: inter-ideograph;
}

/*************************
  Class
*************************/

.bold {
font-weight:bold;
}

.italic {
font-style:italic;
}

.left {
text-align:left;
}

.center {
text-align:center;
margin:0 auto;
}

.right {
text-align:right;
}

.justifyright {
text-align:right;
}

.smaller {
font-size:smaller;
}

.larger {
font-size:larger;
}

.block {
display:block;
}

.mooncolor {
color:#ffff83;
}

.imgbtm {
margin-bottom:2rem;
}

.ulbtm {
margin-bottom:1em;
}

.nobold {
font-weight:normal;
}

/*************************
  Contents
*************************/

#wrapper {
width:1000px;
height:100%;
min-height:100%;
margin:0 auto;
overflow:hidden;
vertical-align:top;
padding:0 15px;
}


#wrapper2 {
width:80vw;
height:100%;
min-height:100%;
margin:0 auto;
overflow:hidden;
vertical-align:top;
padding:0 15px;
}


#wrapper:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
position:relative;
}

#topanchor {
font-size:smaller;
text-align:center;
}

#topanchor.anchorbox {
display:block;
padding:5px;
background-color:#ffffff;
}

/*************************
  Toppage Only
*************************/

#toppage {
width:1000px;
margin-top:25px;
position:relative;
}

#toppage h1 {
text-align:center;
margin-bottom:0px;
}

#toppage h2 {
position:absolute;
top:480px;
left:150px;
}

#top_news h2 {
font-size:1.8rem;
margin-bottom:20px;
}

#top_news img:hover a {
filter: alpha(opacity=50);
opacity:0.50;
}


#top_selfhealing h2 {
font-size:1.8rem;
margin-bottom:20px;
}

#top_selfhealing img {
margin-right:15px;
}

#top_selfhealing ul {
display:table;
table-layout:fixed;
width:1000px;
margin-bottom:20px;
}


#top_selfhealing li.upper {
display:table-cell;
width:320px;
}

#top_selfhealing li.under {
display:table-cell;
width:235px;
}

#top_selfhealing li.right20{
padding:0 20px 0 0;
}

#top_selfhealing ul li:hover a {
filter: alpha(opacity=50);
opacity:0.50;
}

#top_magazine h2 {
font-size:1.8rem;
margin-bottom:20px;
}

#top_magazine p {
letter-spacing: 0.1rem;
}

#top_magazine img {
margin-right:15px;
}

#top_magazine ul {
display:table;
table-layout:fixed;
width:1000px;
margin-bottom:20px;
}

#top_magazine ul li {
display:table-cell;
width:490px;
}

#top_magazine ul li:hover a {
filter: alpha(opacity=50);
opacity:0.50;
}

#top_magazine ul li.first {
padding-right:20px;
}

#topnavi {
margin:0 auto;
margin-bottom:30px;
font-size:1.4rem;
letter-spacing:1;
}

#undernavi {
margin:0 auto;
margin-bottom:10px;
font-size:1.4rem;
letter-spacing:1;
}

.navi ul li:hover ul a,
.navi,
.content .subnavi {
  display: flex;
  justify-content: center;
}

.navi ul {
 overflow:hidden;zoom:1;
 list-style-type:none;
}

.navi ul li {
 float:left;
 letter-spacing:1px;
padding:10px 20px;
}

.navi ul li a {
  display:block;
}

.navi ul li a:link,
.navi ul li a:visited,
.subnavi a:link,
.subnavi a:visited
{text-decoration: none;line-height:1.3}
.navi ul li ul              {display: none;}
.navi ul li:hover ul a      {
 filter: alpha(opacity=92);
 opacity:0.92;
}
.navi ul li:hover ul        {
 display: block;
 position: absolute;
 z-index:10000;
}
.navi ul li:hover li        {
 float: none;
 border-top: 1px solid #ffffff;
}

.content                    {
 overflow:hidden;zoom:1;
 padding:20px;
 border-top:1px solid #eee;
}
.content .subnavi           {
 border:1px solid #8c969c;
 border-radius:3px;
 float:right;
 margin:0 0 10px 10px;
 list-style-type:none;
}
.content .subnavi li        {
 margin:0;
}
.content .subnavi a         {
 display:block;
 padding:.8em;
}


#top_news {
display:table;
border-collapse:separate;
margin-bottom:40px;
}

#top_store {
display:table-cell;
width:320px;
}

#white {
width:280px;
height:560px;
padding:20px;
background-color:#ffffff;
color:#8d9eaf;
}

#white a{
color:#8d9eaf;
}

#white a:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

#top_info {
display:table-cell;
width:330px;
padding:0 40px;
}

#top_info p{
line-height: 1.5;
}

#top_info dt{
font-size:1.3rem;
margin-bottom:10px;
}

#top_info dd{
font-size:1.3rem;
border-bottom:1px solid #ffffff;
padding-bottom:20px;
margin-bottom:20px;
}

#top_facebook {
display:table-cell;
width:270px;
}

#top_selfhealing {
margin-bottom:40px;
}

/*************************
  Header
*************************/

#header {
width:1000px;
margin-top:40px;
position:relative;
}

#header h1 {
margin-bottom:40px;
}

#content {
display:table;
width:1000px;
}

#content_left h2{
font-size:2rem;
margin-bottom:40px;
}

#content_left h3{
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid #eeeeee;
}

#content_left h6{
font-size:2rem;
color:#f0e68c;
text-align:center;
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid #eeeeee;
}

#content_left {
display:table-cell;
width:670px;
padding-right:60px;
vertical-align:top;
}

#content_left p{
line-height: 2;
margin-bottom:1.5em;
vertical-align: top;

}

#content_center {
width:700px;
margin:0 auto;
vertical-align:top;
}

#content_center h2{
font-size:2rem;
margin-bottom:40px;
}

#content_center h3{
margin-bottom:20px;
padding-bottom:20px;
}

#content_center p{
line-height: 2;
margin-bottom:2em;
vertical-align: top;
}

#content_right {
display:table-cell;
width:270px;
vertical-align:top;
font-size:smaller;
}

#content_mgk_center {
display:table-cell;
width:1000px;
vertical-align:top;
}

#mgk_message {
width:720px;
margin:0 auto;
padding:40px;
margin-bottom:40px;
background-color:#ffffff;
color:#8d9eaf;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
text-align:center;
}

#mgk_message span {
letter-spacing: 0.2rem;
}

#mgk_messagetitle {
width:800px;
margin:0 auto;
margin-bottom:40px;
}

#content_mgk_center h2{
font-size:2rem;
margin-bottom:40px;
}

#content_mgk_center h3{
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid #eeeeee;
}

#content_mgk_titlebox{
width:800px;
display:table;
margin-bottom:30px;
}

#content_mgk_titleboxleft{
width:50px;
display:table-cell;
vertical-align: top;
}

#content_mgk_titleboxright{
width:740px;
display:table-cell;
vertical-align: middle;
}

#content_mgk_titleboxright h4{
color:#CEF6EC;
}

#content_mgk_center p{
line-height: 2.5;
margin-bottom:2em;
vertical-align: top;
}

#mgk_text {
width:800px;
margin:0 auto;
}

#mgk_box {
width:800px;
display:table;
margin-bottom:40px;
}

#mgk_img {
width:534px;
display:table-cell;
vertical-align:top;
}

#mgk_prf {
width:266px;
display:table-cell;
vertical-align:middle;
background-color:#ffffff;
color:#8d9eaf;
}

#mgk_prf p{
text-align:center;
font-size:1.2rem;
line-height:1.4rem;
}

.vol {
font-size:1.6rem;
letter-spacing: 0.2rem;
}

.name {
font-size:2rem;
letter-spacing: 0.2rem;
}

#content_self {
width:800px;
margin:0 auto;
padding-bottom:30px;
}

#content_self h2{
font-size:2rem;
margin-bottom:40px;
}

#content_self h3{
margin:20px 0;
padding-bottom:20px;
color:#E0ECF8;
}

#content_self p{
line-height: 2;
margin-bottom:2em;
vertical-align: top;
}


#selftext table {
margin-bottom:1em;
width:800px;
}

#selftext table tr td {
font-size:0.9em;
width:176px;
vertical-align : top;
padding:10px;
border-right: solid 1px #fff;
border-bottom: solid 1px #fff;
}

#selftext table tr td.topb {
border-top: solid 1px #fff;
}

#selftext table tr td.color {
}

#selftext table tr td.leftb {
border-left: solid 1px #fff;
}


#content_event {
width:800px;
margin:0 auto;
padding-bottom:30px;
}

#content_event h3 {
margin-bottom:30px;
color:#ffe8f3;
font-weight:normal ;
}

#content_event p {
line-height:1.5;
}

#content_event hr {
border:1px solid #cccccc;
margin:50px 0;
}

#content_event960 {
width:960px;
margin:0 auto;
padding-bottom:30px;
line-height:2;
font-family: serif;
}

#content_event960 h3 {
font-size:1.2em;
color:#191970;
font-weight:bold ;
}

#content_event960 hr {
border:1px solid #cccccc;
margin:50px 0;
}

#content_event960 a {
color:#191970;
text-decoration:none;
}

#content_event960 a:visited {
color:#191970;
text-decoration:none;
}

#content_event960 a:hover {
color:#aaaaff;
text-decoration:none;
}


#event {
margin-bottom:40px;
}

#event a:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

/*************************
  calendar
*************************/

#cal table {
width:330px;
border-collapse:collapse;
}
#cal table,td,th {

border-collapse: collapse;
border: 0px solid #8d9eaf;
background: #ffffff;
color:#8d9eaf;
text-align:center;
width: 47px;
height: 40px;
background-repeat:no-repeat;
background-position:center;
}

.moon1 {
background-image: url(assets/images/toppage/cal/moon1.png);
}

.moon2 {
background-image: url(assets/images/toppage/cal/moon2.png);
}

.moon3 {
background-image: url(assets/images/toppage/cal/moon3.png);
}

.moon4 {
background-image: url(assets/images/toppage/cal/moon4.png);
}

/*************************
  2021 New Design
*************************/

#wrapper1000 {
width:1000px;
height:100%;
min-height:100%;
margin:0 auto;
padding:0;
overflow:hidden;
vertical-align:top;
}

#wrapper1000:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
position:relative;
}

#toplogo {
text-align:center;
}

#topnavi1000 {
margin:30px auto;
font-size:1.4rem;
letter-spacing:1;
}

#undernavi1000 {
margin:30px auto;
font-size:1.4rem;
letter-spacing:1;
}

.navi ul li:hover ul a,
.navi,
.content .subnavi {
  display: flex;
  justify-content: center;
}

.navi ul {
 overflow:hidden;zoom:1;
 list-style-type:none;
}

.navi ul li {
 float:left;
 letter-spacing:1px;
padding:10px 20px;
}

.navi ul li a {
  display:block;
}

.navi ul li a:link,
.navi ul li a:visited,
.subnavi a:link,
.subnavi a:visited
{text-decoration: none;line-height:1.3}
.navi ul li ul              {display: none;}
.navi ul li:hover ul a      {
 filter: alpha(opacity=92);
 opacity:0.92;
}
.navi ul li:hover ul        {
 display: block;
 position: absolute;
 z-index:10000;
}
.navi ul li:hover li        {
 float: none;
 border-top: 1px solid #ffffff;
}

#topicpath {
margin:1em 0;
font-size:smaller;
}


#content1000 {
width:1000px;
margin:0 auto;
line-height:2;
}

#wsboxtop {
display:table;
width:1000px;
position: relative;

}

/*************************
#wsboxtop a {
position: absolute;
top: 0;
left: 0;
height:100%;
width: 100%;
}

#wsboxtop a:hover{
opacity: 0.25;
background-color: #E6EBE0;
}
*************************/

#wsbox {
display:table-cell;
vertical-align:top;
box-sizing: content-box;
}

#wsbox.w45 {
width:45%;
width:450px;
}

#wsbox.w55 {
width:55%;
width:550px;
}

#wsbox.w25 {
width:25%;
width:250px;
}

#wsbox.w75 {
width:75%;
width:750px;
height:250px;
}

/***
#wsbox img {
width:auto;
height:auto;
max-width:100%;
max-height:100%;
}

#wsbox img.fe {
object-fit:contain;
}
***/

#wsbox img.right {
float:right;
margin:0 0 0 30px;
}

#wsbox img.left {
float:left;
margin:0 ;
}

.bg_flower {
background-image:url(/content/images/ws_floweressence/bgflower.png);
background-repeat:no-repeat;
background-position:830px 150px;  
background-size:110px;
}

.mb30 {
margin:0 0 30px 0;
}

.mb50 {
margin:0 0 50px 0;
}

.mb100 {
margin:0 0 100px 0;
}

.mtb50 {
margin:50px 0 50px 0;
}

.pd30 {
padding:30px;
}

.pd50 {
padding:0 50px;
}

.pdall50 {
padding:80px;
}
.pdtb50 {
padding-top:50px;
padding-bottom:50px;
}

.blue a {
color:#0F52B7;
}

.blue a:hover{
opacity: 0.3;
}

.list {
padding-left:1em;
text-indent:-1em;
}

.head-border {
    display: flex;
    align-items: center;
}

.head-border:before,
.head-border:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #fff;
}

.head-border:before {
    margin-right: 4rem;
}

.head-border:after {
    margin-left: 4rem;
}

address {
text-align:center;
font-style:normal;
font-size:0.8em;
margin:0 0 1em 0;
}

#wsflexbox {
width:1000px;
display:flex;
background-color:#fff;
margin:0 0 30px 0;
color:#666;
}

#wsflexbox a {
color:#0F52B7;
text-decoration:none;
}

#wsflexbox a:visited {
color:#0F52B7;
text-decoration:none;
}

#wsflexbox a:hover {
color:#aaaaff;
text-decoration:none;
}

.width {
width:800px;
}

#wsflexbox2 {
width:1000px;
margin:0 0 30px 0;
}

#wsflexboxbanner {
width:500px;
height:200px;
padding:0;
margin:0;
}

#wsflexboxbanner.left {
margin:0 20px 0 0;
}

#wsflexbox2 img{
padding:0;
margin:0;
}

#wsflexbox2 a:hover{
opacity: 0.8;
}

#wsflexboxtopleft {
width:600px;
padding:50px 40px 0 40px;
}

#wsflexboxtopright {
width:500px;
margin:0;
padding:0;
}

#wsflexboxsubleft {
width:300px;
margin:0;
padding:0;
}

#wsflexboxsubright {
width:700px;
margin:0;
padding:55px 0 0 30px;
}

#wsflexboxsubleftcat {
width:360px;
margin:0;
padding:50px;
}

#wsflexboxsubrightcat {
width:640px;
margin:0;
padding:50px;
}

#wsflexboxsubrightcat h3 {
margin-bottom:30px;
}

#shiharai ul {
display: flex;
flex-wrap :wrap;
}

#shiharai ul li.left {
width:150px;
}

#shiharai ul li {
}


#catlist {
text-align:center;
}

#catlist ul {
display: flex;
flex-wrap :wrap;
}

#catlist ul li {
width:210px;
text-align:center;
padding:0 0 15px 0;
}

#catlist ul li:last-child {
}

#catlist ul li img {
border: 1px solid #bbbbbb;
}

hr.style01 {
border-top: 1px dotted #596375;
margin:40px 0;
}

hr.style02 {
border-top: 1px dotted #fff;
margin:40px 0;
}

.bg_flower {
background-image:url(/content/images/ws_floweressence/bgflower.png);
background-repeat:no-repeat;
background-position:830px 190px;  
background-size:110px;
}

.bgst {
background-repeat:no-repeat;
background-position:570px 30px;  
background-size:100px;
}

.bgst01 {
background-image:url(/content/images/ws_floweressence/bgst01.png);
}
.bgst02 {
background-image:url(/content/images/ws_floweressence/bgst02.png);
}
.bgst03 {
background-image:url(/content/images/ws_floweressence/bgst03.png);
}
.bgst04 {
background-image:url(/content/images/ws_floweressence/bgst04.png);
}
.bgst05 {
background-image:url(/content/images/ws_floweressence/bgst05.png);
}
.bgst06 {
background-image:url(/content/images/ws_floweressence/bgst06.png);
}

#ws_cont h4
{
margin: 0 0 2em 0;
text-align:center;
color:#8d9eaf;
font-size:larger;
}

#ws_cont p
{
margin: 0 0 1em 0;
}

#ws_cont ul {
margin: 0 0 2em 0;
}



#ws_cont ul {
  list-style-type: none;
  padding-left: 0;
}
#ws_cont li {
  position: relative;
  padding-left: 1em;
  margin-bottom: 10px;
}
#ws_cont ul li:before {
  position: absolute;
  top: 0.6em; /* 要素によって要調整 */
  left: 0;
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #8d9eaf;
}

 .box {
    padding: 3em;
    margin: 2em 0;
    border: solid 1px #8d9eaf;
}

.eventtitle {
color:#999999;
font-weight:normal ;
}


div.hoshi{
width:100%;
background-image:url(https://www.mahinapharmacy.com/content/images/common/hoshi.png),
url(https://www.mahinapharmacy.com/content/images/common/matsu.png);
background-repeat:no-repeat,no-repeat;
background-position:780px 50px,left bottom;
background-size:180px,220px;
}