@charset "utf-8";
/* CSS Document */
body {
font-family: "Montserrat", sans-serif, "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
color:#474040;
letter-spacing:0.03rem;
/*background:#F9F4F8*/
}
a:link { color:#474040; transition: 1.0s }
a:hover { color:#474040; opacity: 0.84 }
a:visited { color:#474040 }
a:active { color:#474040 }

/* レスポンシブのフォントサイズ指定　（仮）------------ */
@media (max-width: 575.98px) { html { font-size: 90%;} h1 { font-size: 1.3rem;} h2 { font-size: 1.8rem;} h3 { font-size: 1.5rem;}}
@media (min-width: 576px) and (max-width: 767.98px) { html { font-size: 90%;} h1 { font-size: 1.4rem;} h2 { font-size: 1.8rem;} h3 { font-size: 1.6rem;}}
@media (min-width: 768px) and (max-width: 991.98px) { html { font-size: 90%;} h1 { font-size: 1.6rem;} h2 { font-size: 1.8rem;} h3 { font-size: 1.8rem;}}
@media (min-width: 992px) and (max-width: 1199.98px) {  html { font-size: 90%;} h1 { font-size: 2rem;}}
@media (min-width: 1200px) {  html { font-size: 100%;}}

/* オリジナルmain.css継承 ---------------------- */
.gr_dc_base2{
border:1px solid #DBDCDC;
/*margin:10px;*/
padding:4px;
background: rgb(204,188,153);
background: -moz-linear-gradient(-45deg,  rgba(204,188,153,1) 0%, rgba(229,217,199,1) 11%, rgba(229,217,199,1) 47%, rgba(229,217,199,1) 90%, rgba(229,217,199,1) 90%, rgba(204,188,153,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(204,188,153,1) 0%,rgba(229,217,199,1) 11%,rgba(229,217,199,1) 47%,rgba(229,217,199,1) 90%,rgba(229,217,199,1) 90%,rgba(204,188,153,1) 100%);
background: linear-gradient(135deg,  rgba(204,188,153,1) 0%,rgba(229,217,199,1) 11%,rgba(229,217,199,1) 47%,rgba(229,217,199,1) 90%,rgba(229,217,199,1) 90%,rgba(204,188,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccbc99', endColorstr='#ccbc99',GradientType=1 );
}

.img-rounded {
  border-radius: 110px;
}
.gr_dc_base1{
border:1px solid #DBDCDC;
/*margin:10px;*/
padding:4px;
background: rgb(255,191,222);
background: -moz-linear-gradient(-45deg,  rgba(255,191,222,1) 0%, rgba(255,222,222,1) 11%, rgba(255,222,222,1) 47%, rgba(255,222,222,1) 90%, rgba(255,191,222,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(255,191,222,1) 0%,rgba(255,222,222,1) 11%,rgba(255,222,222,1) 47%,rgba(255,222,222,1) 90%,rgba(255,191,222,1) 100%);
background: linear-gradient(135deg,  rgba(255,191,222,1) 0%,rgba(255,222,222,1) 11%,rgba(255,222,222,1) 47%,rgba(255,222,222,1) 90%,rgba(255,191,222,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbfde', endColorstr='#ffbfde',GradientType=1 );

}

.gr_dc_base1_in{
border:1px solid #DBDCDC;
margin:12px;
padding:15px;
background: #FFFFFF
}
.roundbase {
	width: 60%;
	height: 100%;
    margin: 0 auto;
	border-radius: 26px; 
	background-color: #A19270;
	padding-top: 4px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 3px;
	text-align: center;
	font-size:0.86rem; color: #ffffff; line-height:1.4em; font-weight:600;
}
.base_school {background: url("../img/deli/baseimg.png") top center repeat-x; height:50px; padding: 0; }
.usmaru{
	display: inline-block;
	background-color: #A19270;
	padding: 0 5px!important;
    line-height:1.5em;
	font-size: 1rem;
	text-align:center!important;
	color: #fff!important;
	margin:8px 5px 0px 5px;
	border-radius: 12px;
	text-indent:0px;
    vertical-align: 0.5ex;
}
.blog {
background: rgb(253,193,221); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(253,193,221,1) 0%, rgba(255,222,223,1) 50%, rgba(253,193,221,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(253,193,221,1) 0%,rgba(255,222,223,1) 50%,rgba(253,193,221,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(253,193,221,1) 0%,rgba(255,222,223,1) 50%,rgba(253,193,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc1dd', endColorstr='#fdc1dd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding:8px 12px 8px 12px; margin:6px 10px 0 10px;
}

/*.or_lesson{
	background:url(../img/next_14_01.png) no-repeat;
	width:703px;
	height:500px;
	margin:0 auto;
}
.or_lesson_txt{
	padding:50px 110px 0 110px;
}
.or_lesson2{
	background:url(../img/next_14_02.png) no-repeat;
	width:703px;
	height:370px;
	margin:0 auto;
	padding-bottom:20px;
}*/
.pk_2{
	border:2px solid #FFDEDE;
}
.base_wht {background:#ffffff; padding:2px;}
.base_ribon {background:url(../img/ribon.png) top center repeat-x; height:70px;}

.txt_06 {color:#840123; font-weight:600}

/* NAVかぶせ ---------------------- */
.bg-dark { background-color: #474040 !important;}
.navbar-expand-md .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem;}
.navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,1);}.navbar-expand-sm .navbar-nav .nav-link { padding-right: .8rem; padding-left: .8rem;}
/* Nav ドロップダウン親にリンク*/
.dropdown:hover > .dropdown-menu {
            display: block;
        }

/* page-top ------------------------------ */
#mmm {
position: fixed;
bottom: 10px;
right: 10px;
padding: 0px;
opacity: 0.96
}

/* breadcrumbかぶせ ---------------------------- */
.breadcrumb {
background:rgba(255,255,255,0.00) !important;
font-size:0.8rem;
}
.breadcrumb-item + .breadcrumb-item::before {
color: #7A7A7A;
content: " / ";
}
.breadcrumb-item.active { color: #7A7A7A;}

/* carouselかぶせ ---------------------- */
.carousel-caption {
top:40%;
z-index: 10;
width: 50%; 
margin: 0 auto;
color:#474040 !important;
font-family: "Noto Serif JP", serif; font-weight: 500;
font-feature-settings: "palt";
text-shadow: 0px 1px 3px #fff,1px 0px 3px #fff, 0 -1px 3px #FFF,
-1px 0 3px #FFF,0px 1px 5px #fff,1px 0px 5px #fff, 0 -1px 5px #FFF,
-1px 0 5px #FFF;
}

/* background-image ------------------------ */
.bg_01 { background-color: rgba(255,255,255,0.78); }

/* footer ---------------------- */
.footer {font-size:0.9rem}
.f_base { background:#474040; color:#ffffff}
.f_base a { color:#ffffff}
.f_sp { padding-top:26px}
.f_bottom { background: #474040; padding: 6px 0; margin-top: 20px; margin-bottom:0; font-size:0.67rem }

/* ボタンかぶせ ---------------------- */
.btn-group-sm > .btn, .btn-sm {
padding: .2rem .5rem;
font-size: .78rem;
line-height: 1.5;
border-radius: .2rem;}

/* Contentsのエリア ---------------------- */
.imgon {
  position: relative;
  }

.imgon p {
  position: absolute;
  top: 82%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
padding:0;
font-size:0.9em;
line-height: 1.3em
  }

.imgon img {
  width: 100%;
  }

/* メールフォーム専用 ---------------------- */
#formWrap {
	/*width:700px;*/
	margin:0 auto;
	/*color:#555;*/
	line-height:120%;
	/*font-size:90%;*/
}
/*table.formTable {
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}*/
table.formTable td, table.formTable th {
	/*border:1px solid #ccc;*/
	padding:15px 10px;
}
table.formTable th {
	width:30%;
	font-weight:normal;
	background:#FCEDEE;
	/*text-align:left;*/
}

@media screen and (max-width:572px) {
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:80%;
	padding:5px;
	/*font-size:110%;*/
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}
}
.bg_mail1 {background-color:#EF6B84; border-radius:28px; align-content:center; font-size:0.74em; color:#ffffff; padding:2px 8px; vertical-align:1px; margin-left:4px; max-width:240px;} 
.bg_mail2 { border:1px solid #474040; border-radius:28px; align-content:center; font-size:0.74em; padding:2px 8px; } 

/* magnificPopupサムネイル ---------------------- */
.workim {
  width: 165px;  /* トリミングしたい幅 */
  height: 165px;  /* トリミングしたい高さ */
  object-fit: cover;
  overflow: hidden;
  position: relative;
  margin-bottom:5px
}
.workim img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

/* RSS feed -------------------------------------------------- */
.feedbox {
    max-width: 100%;
    margin:0 auto;
    padding:10px;
}
    .feedbox dt {
        font-size: 100%;
        line-height: 1.8em;
        width: 140px;
    }
    .feedbox dd {
        font-size: 100%;
        line-height: 1.8em;
        margin: -1.8em 0px 10px 0px;
        padding: 0px 0px 10px 143px;
        border-bottom: #dddddd 1px solid;
    }
    .feedbox dd:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
@media screen and (min-width: 768px) {
.feedbox {
    width: 700px;
    margin:0 auto;
    padding:10px;
}
    .feedbox dt {
        font-size: 100%;
        line-height: 1.8em;
        width: 140px;
    }
    .feedbox dd {
        font-size: 100%;
        line-height: 1.8em;
        margin: -1.8em 0px 10px 0px;
        padding: 0px 0px 10px 143px;
        border-bottom: #dddddd 1px solid;
    }
    .feedbox dd:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

/* Youtube --------------------*/
.youtube {
  max-width: 600px;
  aspect-ratio: 16 / 9;
    margin: 0 auto
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

/* other ---------------------- */
/*　通常時の高さ　.new { width: 100%; height: 300px; overflow-y: scroll; -webkit-overflow-scrolling: touch; }*/
.new { width: 100%; height: 390px; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.border01 { border: 1px #BBB19C solid; border-radius: 10px;}
.border02 { border: 1px #BBB19C solid; padding:6px }
.taiken { border: 1px #D4CDBD solid; border-radius: 10px; padding:16px; font-size:0.88rem}
.border_pink { border: 1px #FFD1DE solid; padding:16px; background: #fff7f5 }
.border_pink2 { border: 2px #ff7fb7 solid; }
.border_tate {border:solid #8E8888; border-width:0 0 0 1px; }
.hr_tablecolor {border-top: 1px solid #ddd; margin-top:0; margin-bottom:24px;}


.konekone{
border:1px solid #E0E0E0;
padding:4px;
background: -moz-linear-gradient(-45deg, rgba(229,229,229,0.65) 0%, rgba(229,229,229,0.07) 50%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(229,229,229,0.65) 0%,rgba(229,229,229,0.07) 50%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(229,229,229,0.65) 0%,rgba(229,229,229,0.07) 50%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6e5e5e5', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.konekone_in{
border:1px solid #E0E0E0;
margin:12px;
padding:15px;
background: #FFFFFF
}
.order{
border:1px solid #E0E0E0;
padding:4px;
}
.order_in{
border:1px solid #E0E0E0;
margin:12px;
padding:0;
}

.bg_01 {background: #F2F2F2}
.bg_02 {background: #FFE4EB; border-radius: 10px;}
.bg_03 {background: #FFF3F6; border-radius: 10px; border:1px solid #FFACCB}
.bg_04 {background: #FBFEFF; border-radius: 10px; border:1px solid #098AA4}
.excite_icon {border-radius: 6px;}
@media (min-width: 576px) {.border_vertical {border-left:1px solid #dcded3;}}

.imground {border-radius: 30px}


/* sp ---------------------- */
.sp_01 { margin:7px 15px 0 15px; }
.sp_02 { padding-top: 1.2rem; padding-bottom: 1.2rem;}
.sp_03 { padding: 8px 0 0 0;}
.sp_04 { margin-top:16px}
.sp_05 { padding-top:30px;}
.sp_06 { padding:15px}
.sp_07 { margin-bottom :18px }
.sp_08 { margin-top :60px; margin-bottom:50px }
.sp_09 { margin-bottom :3px }
.sp_10 { margin-top :36px; margin-bottom:30px }
.sp_11 { margin-top :8px; margin-bottom:6px }
.sp_12 { margin-bottom :28px }
.sp_13 { padding-left:15px; padding-right:15px}
.sp_14 { padding-top:18px; }
.sp_15 { margin-bottom :40px }
.sp_16 { margin-top :80px;}
.sp_17 { margin-top :10px; margin-bottom:16px }
.sp_18 { margin-bottom :8px }
.sp_19 { margin-right:10px}
.sp_20 { margin-left:10px}
.sp_21 { padding:15px}
.sp_22 { margin-top :18px; margin-bottom:36px }
.sp_23 {  margin-top :20px; margin-bottom:50px}
.sp_24 { margin-bottom :0 }
.sp_25 { margin-left:15px; margin-right:15px}


/* fo ---------------------- */
.NotoSerif400 { font-family: 'Noto Serif JP', serif; font-weight: 400 }
.NotoSerif500 { font-family: 'Noto Serif JP', serif; font-weight: 500 }
.NotoSerif600 { font-family: 'Noto Serif JP', serif; font-weight: 600 }
.NotoSerif700 { font-family: 'Noto Serif JP', serif; font-weight: 700 }

.h1_header { font-size:1rem; font-feature-settings: "palt"; padding-top:10px }
.fo_01 { color:#866420; font-size:1.86rem; font-weight: bold }
.fo_01 a { color:#866420 }
.fo_02 { font-size:0.9rem}
.fo_03 { color:#A19270;}
.fo_03 a { color:#A19270;}
.fo_04 { font-size:1.2rem}
.fo_05 {line-height: 2rem}
.fo_06 { color:#C34AA8;}
.fo_06 a { color:#C34AA8;}
.fo_07 { color:#098AA4;}
.fo_08 {font-size:0.86em; line-height: 1.1em}
.fo_09 {vertical-align: -20%;}
.fo_10 a { color:#866420 }
.fo_11  { color:#ffffff !important }
.fo_11 a { color:#ffffff }
.fo_12  { color:#FF69A1 }

/* 過去の体験教室リンクボタン色 ---------------------- */
/* 通常のボタン色 */
.btn-beige,
.btn-beige.disabled, .btn-beige:disabled {
  color: #fff;
  background-color: #a19270;
  border-color: #a19270;
}

/* focusされた時の枠線の色 */
.btn-beige:focus, .btn-beige.focus,
.btn-beige:not(:disabled):not(.disabled):active:focus, .btn-beige:not(:disabled):not(.disabled).active:focus,
.show > .btn-beige.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(161, 146, 112, 0.5);
}

/* hover時（マウスカーソルを重ねた時）の色（通常より濃いor暗めの色を指定） */
.btn-beige:hover {
  color: #fff;
  background-color: #91815F;
  border-color: #91815F;
}

/* active時の色（hover時と同等かさらに濃いor暗めの色を指定） */
.btn-beige:not(:disabled):not(.disabled):active, .btn-beige:not(:disabled):not(.disabled).active,
.show > .btn-beige.dropdown-toggle {
  color: #fff;
  background-color: #91815F;
  border-color: #91815F;
}