@charset "utf-8";
/* CSS Document */
#main-visual{height:250px;}
#main-visual span{margin-top:80px;}
#care #main-visual span+img
{
width:1500px;
margin-left: -750px; 
}
#main-visual span img:nth-of-type(1){
margin:0.5em auto 0;
display:block;
width:310px;
height:auto;
}
#main-visual span+img{margin-top:15px;}
#main-visual h2{display:none;}
@media screen and (max-width: 640px) {
#main-visual{
margin-top:50px;
height:310px;
}
#main-visual h2{
display:block;
color:#fff;
text-align:center;
font-size:120%;
padding:90px 0 50px;
}
#care #main-visual span+img{
width:1000px;
display:inline-block;
height:auto;
position: relative;
left: 50%;
margin-top:55px;
margin-left: -500px; 
}
#main-visual span{display:none;}
#sp_logo2{
position:relative;
display:block;
z-index:10;
margin:0.5em auto 0;
width:150px;
height:auto;
}
#cloud1{
top:150px;
left:20px;
}#cloud2{display:none;}
}
#contents_box nav#pager{
max-width:870px;
margin:0 auto 0;
padding:2em 30px 0;
line-height:2;
}
#page_nav{
margin:0 auto 3em;
padding:0;
}
#page_nav ul{
margin:0 auto 0;
padding-top:3em;
width:100%;
text-align:center;
}
#page_nav li{
display:inline-block;
text-align:center;
vertical-align:top;
line-height:1.2;
margin:0 2em;
}
#page_nav li a{
display:inline-block;
border:none;
padding-bottom:8px;
}
#page_nav li img{
width:130px;
height:auto;
border-radius:50%;
text-align:center;
margin-bottom:10px;
}
#page_nav li:hover a img{border:3px solid #ff6522;}
#page_nav li:hover a{color:#ff6522;}
.page{color:#ff6522;}
.page img{border:3px solid #ff6522;}
#contents_box h2{display:none;}
#contents{
max-width:940px;
margin:0 auto;
padding:0 3%;
line-height:2;
}
#contents h3{
text-align:center;
font-size:140%;
color:#ff6522;
line-height:1.2;
margin-bottom:1em;
}
#contents h3 br{display:none;}
#contents h3 img{vertical-align:middle;}
#contents h3 img:nth-of-type(1){padding-right:8px;}
#contents h3 img:nth-of-type(2){padding-left:8px;}
#contents p{text-align:justify;}
#contents section{margin-bottom:3em;}
#contents h3+P span{
display:block;
text-align:right;
padding:1em 0 0;
}
#class p,
#food p,
#oneday p,
#oneyear p{
text-align:center;
padding-bottom:1em;
}
#class section{
border-spacing: 10px 0;
display: table;
border-collapse: separate;
table-layout:fixed;
width:100%;
}
#class dl{
border-radius:15px;
display:table-cell;
padding:2%;
}
#class dl:nth-of-type(1){border:3px solid #f44779;}
#class dl:nth-of-type(2){border:3px solid #54c6ff;}
#class dl:nth-of-type(3){border:3px solid #88c200;}
#class dt{
text-align:center;
line-height:1.5;
color:#fff;
border-radius:10px;
padding:20px 0;
position:relative;
height:6.5em;
}
#class dl:nth-of-type(1) dt{background:#f44779;}
#class dl:nth-of-type(2) dt{background:#54c6ff;}
#class dl:nth-of-type(3) dt{background:#88c200;}
.triangle{
position:absolute;
margin:0 auto;
display: block;
left: 0;
right: 0;
bottom: -25px;
margin: auto;
width: 0;
height: 0;
border-right: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid transparent;
vertical-align:bottom;
}
#class dl:nth-of-type(1) .triangle{border-top: 20px solid #f44779;}
#class dl:nth-of-type(2) .triangle{border-top: 20px solid #54c6ff;}
#class dl:nth-of-type(3) .triangle{border-top: 20px solid #88c200;}
#class dd{
line-height:1.7;
font-size:90%;
}
#class dd img{
width:100%;
height:auto;
padding-top:1em;
}
#class dd img:nth-of-type(1){padding-bottom:1em;}
#food section{
border-spacing: 10px 0;
display: table;
border-collapse: separate;
table-layout:fixed;
width:100%;
margin-bottom:2em;
}
#food section:nth-last-child(1) {margin-bottom:0;}
#food dl{
border-radius:15px;
display:table-cell;
border:3px solid #ff6522;
width:45%
}
#food dt{
background:#ff6522;
color:#fff;
border-radius:10px 10px 0 0;
text-align:center;
padding:0.5em 0;
}
#food dd{
width:90%;
line-height:1.7;
font-size:90%;
margin:0 auto;
}
#food dd img:nth-of-type(1){
width:100%;
height:auto;
display:block;
}
#food dd img:nth-of-type(1){padding:1.5em 0 1em;}
#food dd img:nth-of-type(2) ,
#food dd img:nth-of-type(3) {
width:47%;
height:auto;
display:inline-block;
padding:1em 0 1.5em;
}
#food dd img:nth-of-type(2){margin-right:4%;}
#food section:nth-of-type(2) dl:nth-of-type(1) dd img:nth-of-type(2){width:100%;}
@media screen and (max-width: 640px) {
#contents h3+P {
text-align:justify;
}
#contents_box h2{
display:block;
text-align:center;
font-size:130%;
color:#54c6ff;
}

#contents div{margin:2em auto 0;}
#page_nav{margin:0 auto;}
#page_nav ul{
margin:0 auto 0;
padding-top:1em;
}
#page_nav li{
margin:0 1em;
font-size:85%;
}
#page_nav li img{
width:75px;
margin-bottom:8px;
}
#contents{font-size:90%;line-height:1.7;}
#contents section{margin-bottom:1.5em;}
#contents h3{margin-bottom:0.5em;}
#contents h3 br{display:inline;}
#contents h3 span{display:none;}
#contents h3 img:nth-of-type(1){display:block;margin:0 auto;margin-bottom:0.5em;padding:0;}
#contents h3 img:nth-of-type(2){display:none;padding:0;}
#contents dl{margin-bottom:1em;}
#contents dl+p img{width:100%;}
#contents dl+p img:nth-of-type(1){margin:0 0 10px;}
#contents dt{margin-bottom:0;}
#contents dd{padding:1em;}
#care_policy dd{margin:0;padding:0.5em 0 0 1em;text-align:justify;text-indent:-1em;}
#contents table{
font-size:90%;
margin:0 auto;
}
#contents th{
padding:1em 1em 0 0;
white-space:nowrap;
}
#contents td{padding:1em 0;}
#contents i{display:none;}
#class p,
#food p{text-align:justify;}
#class p br,#food p br{display:none;}
#class section{display:block;}
#class dl{
width:100%;
display:block;
}
#class dt{
padding:15px 0;
height:auto;
vertical-align:middle;
}
#food section{display:block;}
#food dl{
display:block;
width:100%;
}
#food dd{width:100%;}
#food dd img:nth-of-type(1){
padding:0.2em 0 1em;
}
#food dd img:nth-of-type(2) ,
#food dd img:nth-of-type(3) {
width:47%;
height:auto;
display:inline-block;
padding:1em 0 0.5em;
}
#food dd img:nth-of-type(2){margin-right:4%;}
}
#oneday table{
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
text-align:center;
line-height:1.5;
border:1px solid #ddd;
background:#fff;
}
#oneday table:nth-of-type(2){display:none;}
#oneday table tr{border-bottom:1px solid #ddd;}
#oneday table tr:nth-of-type(1){border:none}
#oneday table td{
font-size:90%;
vertical-align:middle;
width:100%;
}
#oneday table tr:nth-of-type(1) th{
color:#fff;
padding:0.5em;
}
#oneday table tr:nth-of-type(1) th:nth-of-type(1){background:#f44779;}
#oneday table tr:nth-of-type(1) th:nth-of-type(2){background:#54c6ff;}
#oneday table tr:nth-of-type(1) th:nth-of-type(3){background:#88c200;}
#oneday table img{
width:100%;
height:auto;
}
#oneday table .am td:nth-of-type(1),
#oneday table .am td:nth-of-type(3),
#oneday table .am td:nth-of-type(5){background:#def6ff;color:#009ae3;}
#oneday table td{padding:1em;}
#oneday table tr:nth-of-type(2) td{padding:0;}
#oneday table .am2 td:nth-of-type(1),
#oneday table .am2 td:nth-of-type(3),
#oneday table .am2 td:nth-of-type(5){background:#ffe2a6;color:#ff6522;}
#oneday table .am2 td:nth-of-type(2),
#oneday table .am2 td:nth-of-type(4),
#oneday table .am2 td:nth-of-type(6){background:#ffffcc;color:#ff6522;}
#oneday table .pm td:nth-of-type(1),
#oneday table .pm td:nth-of-type(3),
#oneday table .pm td:nth-of-type(5){background:#ffd3e9;color:#ff6eb6;}
#oneday table .pm2 td:nth-of-type(1),
#oneday table .pm2 td:nth-of-type(3),
#oneday table .pm2 td:nth-of-type(5){background:#8b63a1;color:#fff;}
#oneday table .pm2 td:nth-of-type(2),
#oneday table .pm2 td:nth-of-type(4),
#oneday table .pm2 td:nth-of-type(6){background:#b89fc5;color:#fff;}
#oneday table .pm3 td:nth-of-type(1),
#oneday table .pm3 td:nth-of-type(3),
#oneday table .pm3 td:nth-of-type(5){background:#796a56;color:#fff;}
#oneday table .pm3 td:nth-of-type(2),
#oneday table .pm3 td:nth-of-type(4),
#oneday table .pm3 td:nth-of-type(6){background:#9f9486;color:#fff;}
@media screen and (max-width: 640px) {
#oneday table:nth-of-type(1){display:none;}
#oneday table:nth-of-type(2){display:table;}
#oneday table tr:nth-of-type(2) td{padding:1em;}
}
#oneyear{margin-bottom:-3em;}
#oneyear section div{
width:49.5%;
display:inline-block;
padding:1em;
margin-bottom:4px;
}
#oneyear #spring{
background:#ffd3e9;
color:#ff6eb6;
border-radius:20px 0 0 0;
}
#oneyear #summer{
background:#cef2ff;
color:#009ae3;
border-radius:0 20px 0 0;
}
#oneyear #autumn{
background:#ffd795;
color:#ff5513;
border-radius:0 0 0 20px;
}
#oneyear #winter{
background:#d6d7d7;
color:#717071;
border-radius:0 0 20px 0;
}
#oneyear p.season{
font-size:140%;
color:#fff;
display:block;
margin:1em auto 5px;
line-height:1;
padding:0.7em;
border-radius:10px;
width:2.4em;
}
#spring p.season{background:#ff6eb6;}
#summer p.season{background:#009ae3;}
#autumn p.season{background:#ff5513;}
#winter p.season{background:#717071;}
#oneyear section p.season+p{font-size:60%;}
.season span{
font-size:30%;
display:block;
}
#oneyear .schedule {
text-align:left;
width:85%;
margin:0 auto;
font-size:90%;
}
#oneyear .schedule img{
width:100%;
height:auto;
padding-top:1em;
}
@media screen and (max-width: 640px) {
#oneyear section div{
width:100%;
display:block;
padding:1em;
margin-bottom:10px;
}
#oneyear #spring,
#oneyear #summer,
#oneyear #autumn,
#oneyear #winter{border-radius:15px;}
#oneyear{margin-bottom:-1.5em;}
#oneyear p.season{
font-size:130%;
color:#fff;
display:block;
margin:5px auto 5px;
line-height:1;
padding:0.7em;
border-radius:10px;
width:2.4em;
}
}
#spring table tr td:nth-of-type(1),
#summer table tr td:nth-of-type(1),
#autumn table tr td:nth-of-type(1),
#winter table tr td:nth-of-type(1)
{width:3em;}
.seven{color:#ad8046 !important;}
#seven{
width:100%;
padding-bottom:1em;
}
#seven li{display:inline-block;}
#seven li{width:32.5%;}
#seven img{
width:100%;
height:auto;
}
@media screen and (max-width: 640px) {
#seven li{display:block;}
#seven li{width:100%; margin-bottom:8px;}
p.seven{font-size:90%;}
}