@charset "UTF-8";
/* -------------------------------------
共通＆リセット
------------------------------------- */
.block-inner,
#contents article .article-body .block-inner{
line-height: 1.8;
color: #3f3416;
font-size: 14px;
margin:0 auto 60px;
}
.block-inner:after {
content: "";
display: block;
clear: both;
}
.block-inner h1,
#contents article .article-body .block-inner h1 {
padding: 40px 0 60px;
text-align: center;
font-size: 25px;
font-weight: normal;
line-height: 1.2;
background: white;
border-radius: 120% 120% 0 0/300px 300px 0 0;
}
.block-inner h2,
#contents article .article-body .block-inner h2{
margin-bottom: 25px;
padding-bottom: 5px;
border-bottom: 2px solid #b0cc86;
font-size: 22px;
color: #629a0e;
font-weight: bold;
}
.block-inner h3,
#contents article .article-body .block-inner h3{
margin: 30px 0 10px;
font-size: 16px;
font-weight: normal;
}
.block-inner h3:before,
#contents article .article-body .block-inner h3:before{
content: "■";
color: #629a0e;
}
.block-inner li{
list-style:none;
}
#contents .inner section .section-body .block-inner p,
#contents .inner section .section-body .block-inner ul{
margin-bottom:0;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.block-inner,
#contents article .article-body .block-inner{
margin: 0 auto 50px;
padding:0;
}
.block-inner h2,
#contents article .article-body .block-inner h2{
font-size: 20px;
margin-bottom: 20px;
}
.block-inner img{
max-width:100%;
}
}
/* -------------------------------------
◎診療内容について
------------------------------------- */
.eye-Wrap{
}
#contents article .article-body .block-inner .eye-Wrap h2,
.eye-Wrap h2{
margin-bottom: 10px;
padding-bottom: 0;
border-bottom: none;
font-size: 22px;
color: inherit;
font-weight: normal;
}
#contents article .article-body .block-inner .eye-Wrap.Row2 .bodyIn,
.eye-Wrap.Row2 .bodyIn{
margin-left: -50px;
margin-top:-25px;
}
#contents article .article-body .block-inner .eye-Wrap.Row2 .bodyIn{
margin-left: -36px;
}
#contents article .article-body .block-inner .eye-Wrap.Row3 .bodyIn,
.eye-Wrap.Row3 .bodyIn{
margin-left: -30px;
margin-top:-15px;
}
#contents article .article-body .block-inner .eye-Wrap.Row3 .bodyIn{
margin-left: -20px;
}
#contents article .article-body .block-inner .eye-Wrap.Row4 .bodyIn,
.eye-Wrap.Row4 .bodyIn{
margin-left: -20px;
margin-top:-15px;
}
#contents article .article-body .block-inner .eye-Wrap.Row4 .bodyIn{
margin-left: -14px;
}
#contents article .article-body .block-inner .eye-Wrap .bodyIn h3,
.eye-Wrap .bodyIn h3{
font-size: 16px;
font-weight: bold;
margin: 0;
}
#contents article .article-body .block-inner .eye-Wrap .bodyIn h3:before,
.eye-Wrap .bodyIn h3:before{
content:"";
}
.eye-Wrap .bodyIn:after{
content: "";
display: block;
clear: both;
}
.eye-Wrap .itemIn{
float: left;
}
.eye-Wrap.Row2 .itemIn{
width: 44.4%;
/*margin: 25px 0 0 5.6%;*/
margin: 25px 0 0 5.4%;
}
.eye-Wrap.Row3 .itemIn{
width: 29.9%;
margin: 15px 0 0 3.3%;
}
.eye-Wrap.Row4 .itemIn{
width: 22.7%;
/*margin: 15px 0 0 2.3%;*/
margin: 15px 0 0 2.2%;
}
.eye-Wrap.Row2 .itemIn:nth-child(2n+1),
.eye-Wrap.Row3 .itemIn:nth-child(3n+1),
.eye-Wrap.Row4 .itemIn:nth-child(4n+1){
clear: both;
}
.eye-Wrap .imageIn{
text-align: center;
margin-bottom: 7px;
}
.eye-Wrap .imageIn img{
width:100%;
}
.eye-Wrap.Row3 .imageIn img{
max-width:395px;
}
.eye-Wrap.Row3 .imageIn img{
max-width:260px;
}
.eye-Wrap.Row4 .imageIn img{
max-width:195px;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.eye-Wrap{
}
#contents article .article-body .block-inner .eye-Wrap h2,
.eye-Wrap h2{
font-size: 18px;
margin-bottom: 10px;
}
#contents article .article-body .block-inner .eye-Wrap.Row2 .bodyIn,
.eye-Wrap.Row2 .bodyIn,
#contents article .article-body .block-inner .eye-Wrap.Row3 .bodyIn,
.eye-Wrap.Row3 .bodyIn,
#contents article .article-body .block-inner .eye-Wrap.Row4 .bodyIn,
.eye-Wrap.Row4 .bodyIn{
margin: 0 auto;
}
#contents article .article-body .block-inner .eye-Wrap.Row2 .itemIn,
.eye-Wrap.Row2 .itemIn,
#contents article .article-body .block-inner .eye-Wrap.Row3 .itemIn,
.eye-Wrap.Row3 .itemIn,
#contents article .article-body .block-inner .eye-Wrap.Row4 .itemIn,
.eye-Wrap.Row4 .itemIn{
float: none;
width: auto;
margin: 0 auto 30px;
}
.eye-Wrap.Row2 .itemIn img{
max-width: 260px;
}
}
/* -------------------------------------
◎診療を受けられる方へ
------------------------------------- */
.notice-Wrap{
}
#contents article .article-body .block-inner .notice-Wrap h2,
.notice-Wrap h2{
margin-bottom: 10px;
padding-bottom: 0;
border-bottom: none;
color: inherit;
font-weight: normal;
}
.notice-Wrap .noticeIn-L,
.notice-Wrap .noticeIn-R{
width:49%;
}
.notice-Wrap .noticeIn-L{
float:left;
}
.notice-Wrap .noticeIn-R{
float:right;
}
.notice-Wrap .bodyIn{
padding: 20px;
border: 4px solid #e5ddc9;
}
.notice-Wrap .bodyIn ul{
margin: 0 0 -7px;
}
.notice-Wrap .bodyIn ul li{
margin: 0 0 7px;
padding-left: 12px;
background: url(img/mark_01.png) no-repeat left 0.7em;
}
.notice-Wrap .bodyIn ul li b{
color: #cf304b;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.notice-Wrap .bodyIn{
padding: 15px;
}
.notice-Wrap .noticeIn-L,
.notice-Wrap .noticeIn-R{
width: auto;
float:none;
}
.notice-Wrap .noticeIn-R{
margin-top: 20px;
}
.notice-Wrap h2{
font-size: 18px;
}	
}
/* -------------------------------------
◎院長より・経歴
------------------------------------- */
.message-Wrap{
}
.message-Wrap .bodyIn{
}
.message-Wrap .bodyIn:after{
content: "";
display: block;
clear: both;
}
.message-Wrap .grid-imageIn{
margin-bottom: 20px;
}
.message-Wrap .grid-imageIn:after{
content: "";
display: block;
clear: both;
}
.message-Wrap.Lside .imageIn{
float: left;
margin-right: 25px;
}
.message-Wrap.Rside .imageIn{
float: right;
margin-left: 25px;
}
.message-Wrap .textIn{
overflow: hidden;
}
.message-Wrap .textIn p{
margin-bottom: 15px;
}	
.message-Wrap .signIn{
text-align: right;
font-weight: bold;
}
.message-Wrap .signIn strong {
font-size: 125%;
}	
.message-Wrap table.basicIn{
width: 100%;
}
.message-Wrap table.basicIn th{
width: 28%;
padding: 7px 10px;
background: #faf8f1;
border: 1px solid #4a4033;
text-align: left;
font-weight: normal;
}
.message-Wrap table.basicIn td{
padding: 7px 10px;
border: 1px solid #4a4033;
}
.message-Wrap ul.mark-dotIn li{
margin: 0 0 7px;
padding-left: 12px;
background: url(img/mark_01.png) no-repeat 3px 0.7em;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.message-Wrap{
}
.message-Wrap .grid-imageIn{
margin: 0 0 30px;
}
.message-Wrap.Lside .imageIn,
.message-Wrap.Rside .imageIn{
float: none;
width: auto;
margin: 0 auto 10px;
text-align: center;
}
.message-Wrap .textIn{
float: none;
width: auto;
}
.message-Wrap table.basicIn th{
width: 33%;
}
.message-Wrap ul.mark-dotIn{
}
}
/* -------------------------------------
◎スタッフ紹介
------------------------------------- */
.staff-Wrap{
}
.staff-Wrap .bodyIn{
}
.staff-Wrap ul.staffIn{
}
.article-body .staff-Wrap.Row2 ul.staffIn{
margin:-30px 0 0 -36px;
}
.staff-Wrap li.staff-itemIn{
line-height: 1.4;
display: inline-block;
vertical-align: top;
}
.staff-Wrap.Row2 li.staff-itemIn{
width: 255px;
margin: 0px 0 25px 15px;
}
.article-body .staff-Wrap.Row2 li.staff-itemIn{
margin: 30px 0 0 57px;
}
.staff-Wrap.Row3 li.staff-itemIn{
width: 180px;
margin: 0 -4px 25px 19px;
}
.staff-Wrap li.staff-itemIn p{
margin: 0;
font-size: 18px;
}
.staff-Wrap .imageIn{
margin-bottom: 8px;
}
#contents article .article-body .block-inner .staff-Wrap li.staff-itemIn h3,
.staff-Wrap li.staff-itemIn h3{
margin: 0 0 3px;
font-size: 14px;
}
#contents article .article-body .block-inner .staff-Wrap li.staff-itemIn h3:before,
.staff-Wrap li.staff-itemIn h3:before {
content: none;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.staff-Wrap ul.staffIn,
.article-body .staff-Wrap.Row2 ul.staffIn,
.article-body .staff-Wrap.Row3 ul.staffIn{
margin: 0 0 0 -10px;
}
.article-body .staff-Wrap.Row2 li.staff-itemIn,
.staff-Wrap.Row2 li.staff-itemIn,
.article-body .staff-Wrap.Row3 li.staff-itemIn,
.staff-Wrap.Row3 li.staff-itemIn{
display: block;
box-sizing: border-box;
float: left;
width: 50%;
margin: 0 0 25px;
padding-left: 10px;
}
.staff-Wrap.Row2 .imageIn img{
width: 100%;
max-width: 180px;
}
.staff-Wrap.Row2 li.staff-itemIn:nth-child(2n+1),
.staff-Wrap.Row3 li.staff-itemIn:nth-child(2n+1){
clear: both;
}
.staff-Wrap li.staff-itemIn h3{
font-size: 12px;
}
.staff-Wrap li.staff-itemIn p{
margin: 0;
font-size: 16px;
}
.staff-Wrap .imageIn{
text-align: center;
} 
}
/* -------------------------------------
◎設備紹介
------------------------------------- */
.facility-Wrap{
}
.facility-Wrap.Row2 ul.galleryIn{
margin: -30px 0 0 9px;
}
.article-body .facility-Wrap.Row2 ul.galleryIn {
margin:-30px 0 0 -36px;
}
.article-body .facility-Wrap.Row3 ul.galleryIn {
margin: -30px 15px 0 0;
}
.facility-Wrap.Row3 ul.galleryIn{
}
.facility-Wrap ul.galleryIn p{
font-size: 16px;
margin: 0;
}
.facility-Wrap ul.galleryIn:after{
content: "";
display: block;
clear: both;
}
.article-body .facility-Wrap.Row2 li.itemIn,
.facility-Wrap.Row2 li.itemIn{
vertical-align:top;
display: inline-block;
margin: 30px 0 0 8px;
width: 260px;
}
.article-body .facility-Wrap.Row2 li.itemIn{
margin: 30px 0 0 55px;
}
.article-body .facility-Wrap.Row3 li.itemIn,
.facility-Wrap.Row3 li.itemIn{
vertical-align:top;
display: inline-block;
margin: 0 -4px 25px 19px;
width: 180px;
}
.article-body .facility-Wrap.Row3 li.itemIn{
margin: 30px 0 0 17px; 
}
#contents .inner section .section-body .block-inner .facility-Wrap li.itemIn p.imageIn,
.facility-Wrap li.itemIn p.imageIn{
text-align: center;
margin: 0 auto 8px;
}
.facility-Wrap li.itemIn p.imageIn img{
max-width: 100%;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.facility-Wrap .bodyIn{
}
.article-body .facility-Wrap.Row2 ul.galleryIn,
.facility-Wrap.Row2 ul.galleryIn,
.article-body .facility-Wrap.Row3 ul.galleryIn,
.facility-Wrap.Row3 ul.galleryIn{
margin: -30px 0 0 0;
}
.article-body .facility-Wrap.Row2 li.itemIn,
.facility-Wrap.Row2 li.itemIn,
.article-body .facility-Wrap.Row3 li.itemIn,
.facility-Wrap.Row3 li.itemIn{
display:block;
float:left;
box-sizing: border-box;
width: 48%;
margin: 30px 0 0 0;
}
.article-body .facility-Wrap.Row2 li.itemIn:nth-child(even) ,
.facility-Wrap.Row2 li.itemIn:nth-child(even) ,
.article-body .facility-Wrap.Row3 li.itemIn:nth-child(even) ,
.facility-Wrap.Row3 li.itemIn:nth-child(even) {
float: right; 
}
.facility-Wrap.Row3 li.itemIn:nth-child(2n+1){
clear: both;
}
.facility-Wrap li.itemIn p{
font-size: 14px;
margin: 0;
}
}
/* -------------------------------------
◎診療内容
------------------------------------- */
.content-Wrap{
}
.content-Wrap .bodyIn:after{
content: "";
display: block;
clear: both;
}
.content-Wrap .grid-imageIn{
margin-bottom: 20px;
}
.content-Wrap .grid-imageIn:after{
content: "";
display: block;
clear: both;
}
.content-Wrap.Lside .imageIn{
float: left;
margin-right: 25px;
}
.content-Wrap.Rside .imageIn{
float: right;
margin-left: 25px;
}
.content-Wrap .textIn{
overflow: hidden;
}
.content-Wrap .textIn p{
margin-bottom: 15px;
}
.content-Wrap table.basicIn{
width: 100%;
}
.content-Wrap table.basicIn th{
width: 28%;
padding: 7px 10px;
background: #faf8f1;
border: 1px solid #4a4033;
text-align: left;
font-weight: normal;
}
.content-Wrap table.basicIn td{
padding: 7px 10px;
border: 1px solid #4a4033;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.content-Wrap .grid-imageIn{
margin: 0 0 30px;
}
.content-Wrap.Lside .imageIn,
.content-Wrap.Rside .imageIn{
float: none;
width: auto;
margin: 0 auto 10px;
text-align: center;
}
.content-Wrap .textIn{
float: none;
width: auto;
}
.content-Wrap table.basicIn th{
width: 33%;
}
}
/* -------------------------------------
◎検査
------------------------------------- */
.checkup-Wrap{
}
.checkup-Wrap .bodyIn:after{
content: "";
display: block;
clear: both;
}
.checkup-Wrap .grid-imageIn{
margin-bottom: 20px;
}
.checkup-Wrap .grid-imageIn:after{
content: "";
display: block;
clear: both;
}
.checkup-Wrap.Lside .imageIn{
float: left;
margin-right: 25px;
}
.checkup-Wrap.Rside .imageIn{
float: right;
margin-left: 25px;
}
.checkup-Wrap .textIn{
overflow: hidden;
}
.checkup-Wrap .textIn p{
margin-bottom: 15px;
}
.checkup-Wrap table.basicIn{
width: 100%;
}
.checkup-Wrap table.basicIn th{
width: 28%;
padding: 7px 10px;
background: #faf8f1;
border: 1px solid #4a4033;
text-align: left;
font-weight: normal;
}
.checkup-Wrap table.basicIn td{
padding: 7px 10px;
border: 1px solid #4a4033;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.checkup-Wrap .grid-imageIn{
margin: 0 0 30px;
}
.checkup-Wrap.Lside .imageIn,
.checkup-Wrap.Rside .imageIn{
float: none;
width: auto;
margin: 0 auto 10px;
text-align: center;
}
.checkup-Wrap .textIn{
float: none;
width: auto;
}
.checkup-Wrap table.basicIn th{
width: 33%;
}
}
/* -------------------------------------
◎お知らせ
------------------------------------- */
.news-Wrap{
}
#contents article .article-body .block-inner .news-Wrap h2,
.news-Wrap h2{
margin-bottom: 10px;
padding-bottom: 0;
border-bottom: none;
font-size: 22px;
color: inherit;
font-weight: normal;
}
.news-Wrap ul p{
margin-bottom: 15px;
}
.news-Wrap li span{
font-size: 16px;
font-weight: bold;
color: #629a0e;
}
.news-Wrap li .timeIn{
display: inline-block;
min-width: 7em;
color: #3f3416;
font-weight: normal;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
#contents article .article-body .block-inner .news-Wrap h2,
.news-Wrap h2{
font-size: 18px;
}
.news-Wrap ul{
}
.news-Wrap li span{
font-size: 13px;
}
.news-Wrap li .timeIn{
font-weight: bold;
}
.news-Wrap dl dt .timeIn{
display: block;
font-size: 12px;
} 
}
/* -------------------------------------
◎タイトル＋テキスト
------------------------------------- */
.textSet-Wrap{
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
}
/* -------------------------------------
◎アクセス
------------------------------------- */
.access-Wrap{
}
.access-Wrap .leadIn{
margin-bottom: 15px;
}
.access-Wrap .mapIn img{
width:100%;
height:360px;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.access-Wrap .mapIn img{
width:auto;
height:auto;
}
}
/* -------------------------------------
◎お問い合わせフォーム
------------------------------------- */
.inquryform-Wrap{
}
.inquryform-Wrap .area-telIn{
margin-bottom: 60px;
background: #4a4033;
padding: 15px 30px;
color: white;
border: 2px solid #4a4033;
box-shadow: inset 2px 2px 0 white, inset -2px -2px 0 white;
}
.inquryform-Wrap .area-telIn:after{
content: "";
display: block;
clear: both;
}
.inquryform-Wrap .telWrapIn{
display: table;
margin: 0 auto;
line-height: 1.2;
}
#contents article .article-body .block-inner .inquryform-Wrap .telWrapIn h3,
.inquryform-Wrap .telWrapIn h3{
display: table-cell;
vertical-align: middle;
width: 6em;
margin: 0;
padding-right: 20px;
}
#contents article .article-body .block-inner .inquryform-Wrap .telWrapIn h3:before,
.inquryform-Wrap .telWrapIn h3:before{
content: none;
}
.inquryform-Wrap .telIn{
display: table-cell;
vertical-align: middle;
font-size: 36px;
}
.inquryform-Wrap .telIn a{
color:#fff;
}
.inquryform-Wrap .area-telIn ul{
clear: both;
font-size: 12px;
text-align: center;
}
.inquryform-Wrap .area-telIn ul li{
display: inline-block;
margin: 0 10px;
}
.inquryform-Wrap table.formTableIn{
width: 100%;
}
.inquryform-Wrap table.formTableIn th{
text-align: left;
vertical-align: top;
padding-right: 30px;
padding-bottom: 25px;
width: 180px;
font-weight: normal;
}
.inquryform-Wrap table.formTableIn th font{
float: right;
margin-left: 7px;
padding: 2px 10px;
background: #cf304b;
color: #fff;
font-size: 12px;
}
.inquryform-Wrap table.formTableIn td{
padding-bottom: 25px;
}
.inquryform-Wrap table.formTableIn td ul{
margin: 0;
}
.inquryform-Wrap table.formTableIn td ul:after{
content: "";
display: block;
clear: both;
}
.inquryform-Wrap table.formTableIn td ul li{
float: left;
width: 50%;
margin-bottom: 10px;
}
.inquryform-Wrap table.formTableIn td input[type="text"]{
box-sizing: border-box;
padding: 5px;
width: 100%;
}
.inquryform-Wrap table.formTableIn td textarea{
box-sizing: border-box;
padding: 5px;
width: 100%;
height: 150px;
}
.inquryform-Wrap .inquiryBtn{
margin: 0 auto 60px;
text-align: center;
}
.inquryform-Wrap .inquiryBtn input{
box-sizing: border-box;
width: 50%;
padding: 5px;
/*  border: 0;*/
border-bottom: 2px solid #aa151a;
color: white;
background: #cf304b;
border-radius: 0;
font-size: 20px;
-webkit-appearance: none;
cursor: pointer;
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
.inquryform-Wrap{
}
.inquryform-Wrap .area-telIn{
margin-bottom: 60px;
padding: 15px 15px;
}
.inquryform-Wrap .telWrapIn{
display: block;
margin: 0 auto;
}
#contents article .article-body .block-inner .inquryform-Wrap .telWrapIn h3,
.inquryform-Wrap .telWrapIn h3{
display: block;
width: auto;
margin: 0 0 5px;
font-size: 14px;
padding-right: 0;
}
.inquryform-Wrap .telIn{
display: block;
margin: 0 0 5px;
font-size: 24px;
}
.inquryform-Wrap .area-telIn ul{
clear: both;
font-size: 12px;
text-align: left;
}
.inquryform-Wrap .area-telIn ul li{
display: inline-block;
margin: 0;
}
.inquryform-Wrap table.formTableIn,
.inquryform-Wrap table.formTableIn tbody,
.inquryform-Wrap table.formTableIn tr{
display: block;
}
.inquryform-Wrap table.formTableIn th{
display: block;
padding-right: 0;
padding-bottom: 5px;
width: auto;
}
.inquryform-Wrap table.formTableIn th font{
font-size: 11px;
}
.inquryform-Wrap table.formTableIn td{
display: block;
padding-bottom: 25px;
}
.inquryform-Wrap table.formTableIn td ul{
margin: 0;
}
.inquryform-Wrap table.formTableIn td ul li{
float: none;
width: auto;
}
.inquryform-Wrap table.formTableIn td input[type="text"]{
box-sizing: border-box;
padding: 5px;
width: 100%;
}
.inquryform-Wrap table.formTableIn td textarea{
box-sizing: border-box;
padding: 5px;
width: 100%;
height: 150px;
}
.inquryform-Wrap .inquiryBtn input{
width: 100%;
padding: 10px 0;
}
}
/* -------------------------------------
◎カレンダー
------------------------------------- */
.block-inner .calendar-Wrap h2,
#contents .block-inner .calendar-Wrap h2{
	margin-bottom:30px;
}
.calendar-Wrap .calSpace {
    display: flex;
}
.calendar-Wrap .calendarIn div {
    max-width: 100%;
    width: auto;
    margin: 5px 10px 5px 0px;
}
.calendar-Wrap.Row4 .calendarIn div {
    margin: 5px 10px 5px 0;
}
.calendar-Wrap .calendarInfo {
    float: left;
    padding-left: 30px;
    padding-top: 10px;
	color:#444;
}
.calendar-Wrap .calendarInfo ul{
    margin-bottom: 1em;
}
.calendarInfo span {
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
    width: 38px;
    height: 18px;
    border: 1px solid #ccc;
}
.calendar-Wrap .calendarIn:after,
.calendar-Wrap .calSpace:after {
    content: "";
    display: block;
    clear: both;
}
#contents .block-inner .calendar-Wrap table.calendar {
/*	margin-bottom: 1em;*/
	width: 410px;
}
#contents article .article-body .block-inner .calendar-Wrap table.calendar {
/*	margin-bottom: 1em;*/
	width: 300px;
}
/* --カレンダー
calendar-style.cssコピー-- */
table.calendar {
    text-align:center;
    border-spacing: 1.5px;	/* セルの間隔       */
	border-collapse: separate;
	width :100%;			/* カレンダーの横幅 */
	height:320px;			/* カレンダーの高さ */
	font-weight:bold;		/* 全体の           */
	font-size:18px;			/*    フォント指定  */
}
table.calendar thead th {	/* oooo年/oo月の表示部分 */
    background: #ffffff;
    color:#4444;
	height:40px;
	font-size:22px;
border: 1px solid #ccc;
}
table.calendar th {
width: 6.7%;		/* 曜日表示部分 */
    background: #ffffff;
    color:#4444;
border: 1px solid #ccc;
}
.calendar-Wrap.Row4 table.calendar th {
    width: 9.3%;　/*4つバージョンのマスの幅変更*/
}
table.calendar th.sun {		/* 曜日表示部分（日曜） */
    background: #ffffff;
    color:#f72121;
	font-size:18px;
}
table.calendar th.sat {		/* 曜日表示部分（土曜） */
    background: #ffffff;
    color:#249bf3;
}
table.calendar td {			/* 日付日表示部分 */
    background:#ffffff;
vertical-align:middle;
border: 1px solid #ccc;
}
table.calendar td.sun {		/* 日付日表示部分（日曜） */
    background: #ffffff;
	font-family:"メイリオ";
	font-style:bold;
    color:#f72121;
}
table.calendar td.sat {		/* 日付日表示部分（土曜） */
    background: #ffffff;
	font-family:"Arial";
	font-style:bold;
    color:#249bf3;
}
table.calendar td.nodat {	/* 日付のないセル */
	font-style:normal;
    background: #eeeeee;
}
table.calendar td.sun.nodat {	/* 日付のない日曜日のセル */
	font-style:normal;
    background: #fdf1f1;
}
table.calendar td.sat.nodat {	/* 日付のない土曜日のセル */
	font-style:normal;
    background: #e0f1f5;
}
table.calendar td.nodat:after {	/* 日付のないセルの文字 */
	font-family:"ＭＳ　ゴシック";
	font-style:normal;
	content:"-";
}
table.calendar td.sp0 {		/* 祝日 */
    background:#ffffff;
	font-style:bold;
    color:#f72121;
}
table.calendar td.sp1 {		/* 編集でセットする特定日１（休業日など） */
    background: white;
}
table.calendar td.sp2 {		/* 編集でセットする特定日２ */
    background: #f0fff0;
}
table.calendar td.sp3 {		/* 編集でセットする特定日３ */
    background: #f7f7bc;
}
table.calendar td.sp4 {		/* 編集でセットする特定日４ */
    background: greenyellow;
}
table.calendar td.sp5 {		/* 編集でセットする特定日５ */
    background: yellow;
}
table.calendar td.today {	/* 今日 */
    font-weight:800;
    color:#4444;
	font-size:22px;
    background: #f9edd3;
}

div.calendarIn div {
	/* カレンダーが入るdiv クラス名変更.calendar→calendarIn */
	margin: 10px 15px 10px 15px;
	float:left;
    background: #ffffff;
/*border: 1px solid #ccc;*/
}
/*------------
スマホ用スタイル
------------*/
@media only screen and (max-width: 640px) {
#contents article .article-body .block-inner .calendar-Wrap table.calendar,
#contents .block-inner .calendar-Wrap table.calendar {
width: 100%;
}
.calendar-Wrap.Row3 table.calendar th {
width:55px;	　/*3列バージョンのマスの幅変更*/
}
.calendar-Wrap .calendarIn div {
    margin: 5px 0 5px;
}
.calendar-Wrap.Row4 table.calendar th {
    width: 60px;
}
}