@charset "utf-8";

/*-------------------------------------------------------
top
-------------------------------------------------------*/
#top #main .cont {
background-color:#fff;
min-width:1040px;
margin:0 auto;
width:100%;
}

/*-------------------------------------------------------
main_visual
-------------------------------------------------------*/
#main_visual { background-color:#fff; }
#main_visual #main_visual_cont { background:url(../images/bg_main_visual.png) center bottom no-repeat; margin:0 auto; text-align:center; width:1040px; padding:30px 0; position:relative; min-height:340px; }
#main_visual #main_visual_cont .slide_area { width:580px; height:270px; padding-left:414px; padding-right:20px; }
#main_visual #main_visual_cont .slide_area ul.slider { width:580px; }
#main_visual #main_visual_cont .slide_area ul.slider li { padding:5px; background-color:#ccc; }
#main_visual #main_visual_cont .slide_area ul.slider li a {}
#main_visual #main_visual_cont .slide_area ul.slider li a img { width:570px; height:270px; }

#main_visual #main_visual_cont .slide_area ul.slider li #movie { vertical-align:middle; }
#main_visual #main_visual_cont .slide_area ul.slider li #movie iframe {}

/*-------------------------------------------------------
movie
-------------------------------------------------------*/
#movie { background-color:#000; position:relative; text-align:center; padding:10px 0; width:100%; }
#movie ul { display:flex; justify-content:center; }
#movie ul li { flex:0 1 380px; margin-left:30px; }
#movie ul li:first-child { margin-left:0; }
#movie ul li iframe { width:380px; height:180px; }

/*-------------------------------------------------------
new_course_menu
-------------------------------------------------------*/
.new_course_menu {
background-color: #eee;
min-width: 1000px;
margin: 0 auto;
text-align:left;
}
.new_course_menu h2 {
background-image:url(../images/common/bg_title.png);
background-repeat:no-repeat;
background-position:right center;
background-color:#fff;
line-height:1;
margin:0;
padding:15px 20px;
text-align:left;
font-weight:600;
font-size:132%;
vertical-align:middle;
display:inline-block;
color:#333;
width:100%;
}
.new_course_menu h2 span { color:#fff; font-size:10px; display:inline-block; vertical-align:middle; padding:3px 6px; background-color:#cc9933; border-radius:3px; line-height:1; margin-right:5px; }
.new_course_menu ul { width:100%; letter-spacing:-.40em; vertical-align:top; }
.new_course_menu ul > li { width:100%; display:inline-block; letter-spacing:normal; vertical-align:top; margin-top:2%; }
.new_course_menu .detail { padding:20px; background-color:#fff; letter-spacing:-.40em; }
.new_course_menu .detail .pic { width:50%; display:inline-block; letter-spacing:normal; vertical-align:top; }
.new_course_menu .detail .pic img { width:100%; height:auto; }
.new_course_menu .detail dl { width:50%; display:inline-block; letter-spacing:normal; vertical-align:top; }
.new_course_menu .detail dl dt { padding-left:20px; line-height:1.8; font-size:88%; }
.new_course_menu .detail dl dt span { line-height:1.6; }
.new_course_menu .detail dl dd { padding-left:20px; }
.new_course_menu .detail dl dd:nth-child(3) { margin-top:10px; }
.new_course_menu .detail dl dd ul { width:100%; letter-spacing:-.40em; vertical-align:top; }
.new_course_menu .detail dl dd ul li { width:32%; display:inline-block; letter-spacing:normal; vertical-align:top;  }

.new_course_menu .detail dl dd div.title { font-size:100%; font-weight:600; display:block; margin-top:4px; }
.new_course_menu .detail dl dd ul li:first-child div.title span { border-bottom:2px solid #ac7a4a; }
.new_course_menu .detail dl dd ul li:nth-child(2) div.title span { border-bottom:2px solid #b8bdbf; }
.new_course_menu .detail dl dd ul li:nth-child(3) div.title span { border-bottom:2px solid #ebba5a; }

.new_course_menu .detail dl dd div.number { font-size:75%; display:block; margin-top:6px; }
.new_course_menu .detail dl dd div.price { display:inline-block; }
.new_course_menu .detail dl dd div.price span { display:inline-block; }
.new_course_menu .detail dl dd div.price span:first-child { font-size:148%; font-weight:600; color: #e64c30; }
.new_course_menu .detail dl dd div.price span:nth-child(2) { font-size:100%; font-weight:600; color: #e64c30; }
.new_course_menu .detail dl dd div.price span:nth-child(3) { font-size:75%; }
.new_course_menu .detail dl dd > span { font-size:75%; display:block; margin-top:5px; line-height:1.6; }
.new_course_menu .detail dl dd.free_drink { margin-top:15px; text-align:left; }
.new_course_menu .detail dl dd.free_drink img { width:100%; height:auto; max-width:439px; }
.new_course_menu .content { background-color:#fff; }
.new_course_menu .content dl { padding:0 20px 20px; }
.new_course_menu .content dl dt { font-weight:600; font-size:82%; }
.new_course_menu .content dl dd { margin-top:5px; letter-spacing:-.40em; }
.new_course_menu .content dl dd ol { padding:0; background-color:#fff; display:inline-block; width:31%; border-top:1px dotted #ccc; letter-spacing:-.40em; vertical-align:top; margin-left:3%; }
.new_course_menu .content dl dd ol:first-child { margin-left:0; width:31%; }
.new_course_menu .content dl dd ol li { font-size:75%; width:100%; display:inline-block; letter-spacing:normal; vertical-align:middle; line-height:1.8; border-bottom:1px dotted #ccc; padding:3px 0; }

.new_course_menu .content dl dd ol:first-child li.sub_title { border-bottom:5px solid #ac7a4a; font-size:108%; font-weight:600; padding:3px 5px; }
.new_course_menu .content dl dd ol:nth-child(2) li:first-child { border-bottom:5px solid #b8bdbf; font-size:108%; font-weight:600; padding:3px 5px; }
.new_course_menu .content dl dd ol:nth-child(3) li:first-child { border-bottom:5px solid #ebba5a; font-size:108%; font-weight:600; padding:3px 5px; }

.new_course_menu .content dl dd ol:first-child li:nth-child(2) { padding:5px 0 3px 0; }
.new_course_menu .content dl dd ol:nth-child(2) li:nth-child(2) { padding:5px 0 3px 0; }
.new_course_menu .content dl dd ol:nth-child(3) li:nth-child(2) { padding:5px 0 3px 0; }

.new_course_menu .content dl dd ol li.half { width:48%; padding-right:1%; }
.new_course_menu .content dl dd ol li span { font-size:12px; display:inline-block; vertical-align:middle; color:#e64c30; border-radius:3px; margin-right:5px; font-weight:600; }
.new_course_menu p { margin-top:5px; line-height:1.2; }
.new_course_menu p span { line-height:1.2; }

.new_course_menu .course_introduction { background-color:#fff; letter-spacing:normal; }
.new_course_menu .course_introduction dl { letter-spacing:normal; padding:15px; }
.new_course_menu .course_introduction dl dt { font-weight:600; }
.new_course_menu .course_introduction dl dd { margin-top:10px;s }
.new_course_menu .course_introduction dl dd ul { display:flex; justify-content:space-between; }
.new_course_menu .course_introduction dl dd ul li { border:1px solid #ccc; width:calc(100% / 2 - 20px); margin:0; padding:20px 10px; text-align:center; }
.new_course_menu .course_introduction dl dd ul li h3 { font-size:116%; font-weight:600; }
.new_course_menu .course_introduction dl dd ul li span { font-size:85%; display:block; margin-top:5px; } 
.new_course_menu .course_introduction dl dd p span { font-size:85%; }

/*-------------------------------------------------------
course_menu
-------------------------------------------------------*/
#course_menu {
background-color: #eee;
min-width: 1000px;
margin: 20px auto 0 auto;
text-align:left;
}
#course_menu h2 {
background-image:url(../images/common/bg_title.png);
background-repeat:no-repeat;
background-position:right center;
background-color:#fff;
line-height:1;
margin:0;
padding:15px 20px;
text-align:left;
font-weight:600;
font-size:132%;
vertical-align:middle;
display:inline-block;
color:#333;
width:100%;
}
#course_menu h2 span:first-child { color:#fff; font-size:10px; display:inline-block; vertical-align:middle; padding:3px 6px; background-color:#cc9933; border-radius:3px; line-height:1; margin-right:5px; }
#course_menu ul { width:100%; letter-spacing:-.40em; vertical-align:top; }
#course_menu ul > li { width:49%; display:inline-block; letter-spacing:normal; vertical-align:top; margin-top:2%; }
#course_menu ul > li:nth-child(odd) { margin-right:2%; }
#course_menu ul > li:first-child { margin-top:0; }
#course_menu ul > li:nth-child(2) { margin-top:0; } 
#course_menu .detail { padding:20px; background-color:#fff; letter-spacing:-.40em; }
#course_menu .detail .pic { width:100%; display:inline-block; letter-spacing:normal; vertical-align:top; }
#course_menu .detail .pic img { width:100%; height:auto; }
#course_menu .detail dl { background-color:#f0f0f0; padding:15px; width:100%; display:inline-block; letter-spacing:normal; vertical-align:top; }
#course_menu .detail dl dt { padding-left:0; line-height:1.6; font-size:88%; }
#course_menu .detail dl dt span { line-height:1.6; }
#course_menu .detail dl dd { padding-left:0; }
#course_menu .detail dl dd.number { font-size:75%; display:block; margin-top:10px; }
#course_menu .detail dl dd.price { display:inline-block; }
#course_menu .detail dl dd.price span { display:inline-block; }
#course_menu .detail dl dd.price span:first-child { font-size:148%; font-weight:600; color: #e64c30; }
#course_menu .detail dl dd.price span:nth-child(2) { font-size:100%; font-weight:600; color: #e64c30; }
#course_menu .detail dl dd.price span:nth-child(3) { font-size:75%; }
#course_menu .detail dl dd:nth-child(4) { font-size:75%; display:block; margin-top:5px; line-height:1.6; }
#course_menu .lead { padding:0 20px 20px 20px; background-color:#fff; }
#course_menu .lead p { color:#; text-align:left; line-height:1.6; font-size:75%; margin-top:0; }
#course_menu .content { background-color:#fff; }
#course_menu .content dl { padding:0 20px 20px; }
#course_menu .content dl dt { font-weight:600; font-size:82%; }
#course_menu .content dl dd { margin-top:5px; }
#course_menu .content dl dd ol { padding:0; background-color:#fff; width:100%; border-top:1px dotted #ccc; }
#course_menu .content dl dd ol li { font-size:75%; width:100%; display:inline-block; letter-spacing:normal; vertical-align:middle; line-height:1.8; border-bottom:1px dotted #ccc; padding:3px 0; }
#course_menu .content dl dd ol li.half { width:48%; padding-right:1%; }
#course_menu .content dl dd ol li span { font-size:12px; display:inline-block; vertical-align:middle; color:#e64c30; border-radius:3px; margin-right:5px; font-weight:600; }
#course_menu .content dl dd.free_drink { margin-top:10px; text-align:center; min-height:76px; }
#course_menu .content dl dd.free_drink.blank { height:76px; }
#course_menu .content dl dd.free_drink img { width:100%; height:auto; max-width:439px; }
#course_menu p { margin-top:5px; line-height:1.2; }
#course_menu p span { line-height:1.2; }

/*-------------------------------------------------------
information
-------------------------------------------------------*/
#information #news_list {}
#information #news_list dl { border-top:1px solid #ccc; display:flex; flex-wrap:wrap; justify-content:start; padding:10px; }
#information #news_list dl:first-child { border-top:none; }
#information #news_list dl dt { font-size:79%; text-align:left; flex:0 0 100%; }
#information #news_list dl dd { font-size:79%; text-align:left; flex:0 0 100%; line-height:1.6; margin-top:10px; display:flex; flex-direction:column; }
#information #news_list dl dd img { width:100%; height:auto; }

#information #about_corona { width:1000px; letter-spacing:normal; margin: 0 auto 20px; padding:20px; text-align: center; }
#information #about_corona .about_corona_cont { letter-spacing:normal; border:6px solid #ccc; padding:40px 50px 50px; }
#information #about_corona .about_corona_cont h3 { font-size:154%; font-weight:600; color: #e64c30; text-align:left; }
#information #about_corona .about_corona_cont p.lead { line-height:1.6; margin-top:30px; text-align:left; }
#information #about_corona .about_corona_cont ol { margin-top:30px; }
#information #about_corona .about_corona_cont ol li { letter-spacing:normal; margin-top:30px; text-align:left; }
#information #about_corona .about_corona_cont ol li:first-child { margin-top:0; }
#information #about_corona .about_corona_cont ol li dl { text-align:left; }
#information #about_corona .about_corona_cont ol li dl dt { color:#333; font-size:108%; font-weight:600; text-align:left; }
#information #about_corona .about_corona_cont ol li dl dd { font-size:100%; line-height:1.6; margin-top:10px; text-align:left; }

.facebook-wrapper { max-width:370px;  margin: 0 auto; }
.facebook-wrapper > .fb-page { width: 100%; }
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe { width: 100% !important; }

/*-------------------------------------------------------
kodawari
-------------------------------------------------------*/
.kodawari { align-content:center; align-items:center; background-color:#fff; display:flex; justify-content:center; text-align:center; padding:15px; }
.kodawari img { height:auto; width:100%; max-width:260px; }