@charset "utf-8";

/*=============================

sp_top

=============================*/
@media screen and (max-width: 767px)  {

#top { background-color:#efdfcc; min-width:100%; }

/*-------------------------------------------------------
header
-------------------------------------------------------*/
#top #header {
border-top:none;
border-bottom:1px solid #ccc;
padding:0;
position:relative;
}
#top #header #header_cont {
min-width:100%;
padding:15px 20px 20px 20px;
width:100%;
}
#top #header_cont .logo { width:119px; height:32px; display:inline-block; letter-spacing:normal; text-align:left; }

#top #main { background-image:none; padding-bottom:0; }
#top #main .cont { background-color:#fff; padding:0 0 20px; min-width:100%; }
#top #main .cont h2 { background-color:transparent; background-position: right center; background-size: cover; display:flex; flex-wrap:wrap; margin-top:0; padding:13px 110px 13px 13px; }
#top #main .cont h2 span:nth-child(2) { display:block; width:calc(100% - 123px); }
#top #main .cont h2 span:first-child { display:block; margin-bottom:5px; }

/*-------------------------------------------------------
main_visual
-------------------------------------------------------*/
#main_visual { background-color:#1a1a1a; padding:0; }
#main_visual #main_visual_cont { background-image:none; min-height:100%; padding:0; width:100%; }
#main_visual #main_visual_cont .slide_area { height:auto; padding:0; width:100%; }
#main_visual #main_visual_cont .slide_area ul.slider { height:auto; width:100%; }
#main_visual #main_visual_cont .slide_area ul.slider li { padding:0; }
#main_visual #main_visual_cont .slide_area ul.slider li a img { width:100%; height:auto; }

.slick-prev,
.slick-prev:hover { left:10px; width:24px; height: 24px; background-size:24px 24px; border-radius:50%; }
.slick-next,
.slick-next:hover { right:10px; width:24px; height: 24px; background-size:24px 24px; border-radius:50%; }

/*-------------------------------------------------------
movie
-------------------------------------------------------*/
#movie { background-color:#000; position:relative; text-align:center; width:100%; padding:15px 0; /*padding-top:56.25%;*/ }
#movie ul {}
#movie ul li { flex:0 0 50%; margin-left:0; }
#movie ul li:first-child { margin:0; }
#movie ul li iframe { width:140px; height:66px; }

/*-------------------------------------------------------
new_course_menu
-------------------------------------------------------*/
.new_course_menu { background-color:#eee; min-width:100%; margin: 0 auto; text-align:left; }
.new_course_menu h2 span { vertical-align:top; margin-top:2px; }
.new_course_menu .content { padding:20px 0 0; }
.new_course_menu ul > li:first-child { margin-top:0; }
.new_course_menu .detail { padding:0; }
.new_course_menu .detail .pic { padding:10px; text-align:center; width:100%; }
.new_course_menu .detail .pic img { width:100%; height:auto; max-width:300px; }
.new_course_menu .detail dl { display:block; padding:0; width:100%; }
.new_course_menu .detail dl dt {}
.new_course_menu .detail dl dd { margin-top:10px; }
.new_course_menu .detail dl dd.free_drink { padding:0; text-align:center; }
.new_course_menu .detail dl dd.free_drink img { width:100%; height:auto; max-width:400px; }
.new_course_menu .detail dl dd ul {}
.new_course_menu .detail dl dd ul li { width:100%; }

.new_course_menu .course_introduction { background-color:#fff; margin-bottom:10px; padding:0; }
.new_course_menu .course_introduction dl { letter-spacing:normal; }
.new_course_menu .course_introduction dl dt { letter-spacing:normal; }
.new_course_menu .course_introduction dl dt span {}
.new_course_menu .course_introduction dl dt span:first-child { font-size:132%; font-weight:600; }
.new_course_menu .course_introduction dl dd { letter-spacing:normal; margin-top:10px; }
.new_course_menu .course_introduction dl dd span { font-size:85%; }
.new_course_menu .course_introduction > img { width:100%; height:auto; }

.new_course_menu .course_introduction dl dd ul { flex-wrap:wrap; }
.new_course_menu .course_introduction dl dd ul li { margin-top:15px; width:100%; }
.new_course_menu .course_introduction dl dd ul li:first-child { margin-top:0; } 
.new_course_menu .course_introduction dl dd p span { font-size:79%; }

/*-------------------------------------------------------
course_menu
-------------------------------------------------------*/
#course_menu { background-color: #eee; min-width:100%; width:100%; margin: 10px auto 0; text-align:left; }
#course_menu ul > li { margin:10px 0 0; width:100%; }
#course_menu ul > li:nth-child(odd) { margin-right:0; }
#course_menu ul > li:nth-child(2) { margin-top:10px; }
#course_menu .lead { padding:10px 10px 0; }
#course_menu .lead p {}
#course_menu .lead p br { display:none; }
#course_menu .content dl { padding:10px; }
#course_menu .content dl dd ol li.blank { display:none; }
#course_menu .content dl dd.free_drink.blank { display:none; }

#course_menu .detail { padding:0; }
#course_menu .detail .pic { padding:10px; text-align:center; width:100%; }
#course_menu .detail .pic img { width:100%; height:auto; max-width:300px; }
#course_menu .detail dl { background-color:#fff; display:block; padding:0 10px 10px; width:100%; }
#course_menu .detail dl dt {}
#course_menu .detail dl dd {}
#course_menu .detail dl dd.free_drink { padding:0; text-align:center; }
#course_menu .detail dl dd.free_drink img { width:100%; height:auto; max-width:400px; }

/*-------------------------------------------------------
information
-------------------------------------------------------*/
#information #information_cont #news { background-color:#e60012; border-radius:10px 10px 0 0; text-align:left; }
#information #information_cont #news .news_cont { padding:10px; }

#information #about_corona { margin:0 auto; padding:10px; width:100%; }
#information #about_corona .about_corona_cont { border:3px solid #ccc; padding:15px; }
#information #about_corona .about_corona_cont h3 { font-size:100%; }
#information #about_corona .about_corona_cont p.lead { font-size:85%; margin-top:10px; }
#information #about_corona .about_corona_cont ol { margin-top:10px; }
#information #about_corona .about_corona_cont ol li { margin-top:10px; }
#information #about_corona .about_corona_cont ol li dl dt { font-size:85%; }
#information #about_corona .about_corona_cont ol li dl dd { font-size:85%; margin-top:5px; }

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

.ui-tabs .ui-tabs-panel { padding:10px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-left-radius:0; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius:0; }

/*-------------------------------------------------------
kodawari
-------------------------------------------------------*/
.kodawari { display:flex; justify-content:center; align-content: center; align-items: center; }
.kodawari img { height:auto; width:100%; max-width:260px; }