@charset "utf-8";

/* carento
==================================*/
header nav ul li#navi5{background:url(/common/img/navhover.png) center no-repeat;}
/* menu
==================================*/
#menu{width:1040px; margin:0 auto 60px; padding:20px 0 30px; background:url(/common/img/bakImg03.gif) left top repeat; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
#menu dt{text-align:center; margin-bottom:20px;}
#menu dd{margin:0 30px; padding:2em; background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
#menu dd p.title{margin-bottom:1.8em;}
#menu dd p.title span.menu{margin-right:1.5em; font-size:21px; color:#9f083e;}
#menu dd p.title span.fee{margin-right:1.5em; font-size:21px; color:#ff6a9c;}
#menu dd p.title span.fee span{font-size:31px;}
#menu dd p.title span.detail{font-size:14px;}
#menu dd p.comment{margin-bottom:1.8em;}
#menu dd p.contact{margin:0 5%;}
#menu dd p.contact span{float:right;}
@media screen and (max-width: 640px){
#wrapbox{padding:15% 0 0;}
#menu{width:auto; margin:0 0 60px; padding:20px 0 30px;}
#menu dt{margin:0 10% 10px;}
#menu dd{margin:0 5%; padding:5%;}
#menu dd p.title{margin-bottom:1.2em;}
#menu dd p.title span.menu{display:block; margin-right:0; margin-bottom:.5em;}
#menu dd p.title span.fee{display:block; margin-right:0; margin-bottom:.5em; text-align:center;}
#menu dd p.comment{margin-bottom:1.2em;}
#menu dd p.contact{margin:0;}
#menu dd p.contact span{float:none; display:block; padding-top:10px;}
}
/* eTcmenu
==================================*/
#eTcmenu{width:1040px; margin:0 auto 60px;}
#eTcmenu dd ul{list-style:none;}
#eTcmenu dd ul li{margin-bottom:30px;}
#eTcmenu dd ul li.last{margin-bottom:0;}
#eTcmenu dd ul li span.menu{margin-right:1.5em; font-size:21px; color:#9f083e;}
#eTcmenu dd ul li span.fee{font-size:16px; color:#ff6a9c;}
#eTcmenu dd ul li span.detail{display:block; padding-top:10px;}
@media screen and (max-width: 640px){
#eTcmenu{width:auto; margin:0 3% 60px;}
#eTcmenu dt img{ width:60%;}
#eTcmenu dd ul li span.menu{display:block; margin-right:0; margin-bottom:.5em;}
#eTcmenu dd ul li span.fee{display:block;}
}
/* Schoolmenu
==================================*/
#Schoolmenu{width:1040px; margin:0 auto 60px; padding:20px 0 30px; background:url(/common/img/bakImg03.gif) left top repeat; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
#Schoolmenu>dt{text-align:center; margin-bottom:20px;}
#Schoolmenu>dd{margin:0 30px; padding:2em; background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
#Schoolmenu>dd ul{float:left; width:50%; list-style:none;}
#Schoolmenu>dd ul li{margin-bottom:50px;}
#Schoolmenu>dd ul li.last{margin-bottom:0;}
#Schoolmenu>dd ul li span.menu{margin-right:1.5em; font-size:21px; color:#9f083e;}
#Schoolmenu>dd ul li span.comment{display:block; padding-top:1em;}
#Schoolmenu>dd ul li span.fee{font-size:21px; color:#ff6a9c;}
#Schoolmenu>dd dl{float:right; width:50%; padding:20px; background:#fef8ed; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing:border-box;}
#Schoolmenu>dd dl dt{text-align:center; font-size:23px; color:#f7a91e;}
#Schoolmenu>dd dl dt span{display:block; text-align:center; font-size:14px; color:#42210b;}
#Schoolmenu>dd dl dd p.fee{margin-bottom:20px; text-align:center; font-size:23px; color:#ff6a9c;}
@media screen and (max-width: 640px){
#Schoolmenu{width:auto; margin:0 0 60px; padding:20px 3% 30px;}
#Schoolmenu>dt{text-align:center; margin:0 10% 10px;}
#Schoolmenu>dd{margin:0 3%; padding:5%;}
#Schoolmenu>dd ul{float:none; width:auto;}
#Schoolmenu>dd ul li{margin-bottom:20px;}
#Schoolmenu>dd ul li span.menu{display:block; margin-right:0; margin-bottom:.5em; font-size:18px;}
#Schoolmenu>dd ul li span.fee{display:block; margin-bottom:.5em;}
#Schoolmenu>dd dl{float:none; width:auto; padding:8%;}
#Schoolmenu>dd dl dt{text-align:center; font-size:23px; color:#f7a91e;}
#Schoolmenu>dd dl dd p.fee{margin-bottom:10px;}
}
/* pick
==================================*/
#pick{width:1040px; margin:0 auto 60px; list-style:none;}
#pick li{float:left; width:320px; margin-right:20px; background:#fff1d9;}
#pick li.last{margin-right:0;}
#pick li dl{padding:30px;}
#pick li dl dt{margin-bottom:20px; text-align:center; font-size:0; line-height:0;}
@media screen and (max-width: 640px){
#pick{width:auto; margin:0 3% 30px;}
#pick li{float:none; width:auto; margin-right:0; margin-bottom:10px;}
#pick li.last{margin-bottom:0;}
#pick li dl{padding:5%;}
#pick li dl dt{margin-bottom:10px;}
}