@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@-ms-viewport {
width: auto;
initial-scale: 1;
}

html,
body {overflow-x: hidden;overflow-y: auto;}
/*body { font-family: roboto,source-han-sans-japanese, sans-serif; background: #FFFFFF; padding-top: 0; font-size:calc(1104px / 69); letter-spacing: 0.03em; }*/
body { font-family: roboto,"BIZ UDPゴシック", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif; font-weight: 500;  background: #FFFFFF; padding-top: 0;  font-size:calc(1104px / 69);-webkit-font-feature-settings: 'palt';font-feature-settings: 'palt';padding-top: 4.82em;}
/*body { font-family: source-han-serif-japanese, serif; font-weight: 300; background: #FFFFFF; padding-top: 0; font-size:calc(1104px / 69); letter-spacing: 0.03em;  }*/
/*--------------------------------------------------
font-family: source-han-sans-japanese, sans-serif; Normal 300 Bold 700
font-family: source-han-serif-japanese, serif; L 300 SB 600
--------------------------------------------------*/
body *{-webkit-overflow-scrolling: touch;}
::selection { background: #469E40; color: #F8F8F8 /* Safari */ }
::-moz-selection {
background:#469E40;
color: #F8F8F8 /* Firefox */
}
body.fixed {position: fixed;width: 100%;height: 100%;left: 0;}
hr { border-top: 1px solid #D4D4D4; margin-top: 2em; margin-bottom: 2em; }
hr.sm { margin-top: 1em; margin-bottom: 1em; }
hr.lg { margin-top: 4em; margin-bottom: 4em; }
a { color: #333333 }
a:hover,
a:active,
a:focus { color: #333333 }
a img:hover{
-webkit-filter: brightness(1.1);
-moz-filter: brightness(1.1);
-o-filter: brightness(1.1);
-ms-filter: brightness(1.1);
filter: brightness(1.1);}
/*Overwrite----------------------------------------------------*/
.form-horizontal .control-label { text-align: left; }
.control-label { font-weight: bold; }
.breadcrumb { text-align: right; }
.panel-title > a { display: block; }
.lead { font-weight: bold; }
.label { font-size: 100%; font-weight: normal; }
.table-responsive { -webkit-overflow-scrolling: touch; }
.dropdown-toggle { white-space: nowrap; }
.dropdown-menu { min-width: 300px; }
.dropdown-menu.vertical { left: auto !important; position: absolute !important; right: auto !important; }
.dropdown-menu.vertical * { float: none; }
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 { font-weight: bold; margin:0 0 0.5em; padding: 0;font-family: roboto,source-han-sans-japanese; }
h1,
.h1 { font-size: 2.2em;}
h2,
.h2 { font-size: 2em; }
h3,
.h3 { font-size: 1.8em; }
h4,
.h4 { font-size: 1.6em; }
h5,
.h5 { font-size: 1.4em; }
h6,
.h6 { font-size: 1.2em; }
dl { margin: 0; }
th,
td { word-break: break-all; }
table {table-layout: fixed}
.btn { padding-left: 0.5em; padding-right: 0.5em; font-weight: bold; font-size: 1em; white-space: normal }
.btn.btn-block { white-space: normal; padding-left: 1px; padding-right: 1px; }
.nav-tabs>li>a { padding-left: 0.5em; padding-right: 0.5em; }
.well { background: #F3F3F3 }
html.with-featherlight { overflow: auto }
img { -ms-interpolation-mode: bicubic; }
.form-control { font-size: 1em; height: auto; }
.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {font-size: 1.1em;}
small,
.small { color: inherit !important; font-weight: inherit !important; }
.embed-responsive {width:100% !important;overflow:auto !important;-webkit-overflow-scrolling:touch !important;}
.form-control {padding:0.5em 0.8em}
.input-lg {padding:0.9em 1.2em}
.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {padding:0.9em 1.2em;height: auto;}
.material-icons {font-size: 1em;line-height:inherit;display: inline-block; vertical-align: -0.1em}
ul,
ol{padding-left:1.6em;}
.container-fluid { max-width:calc(1280px + 4em)}
.form-group {margin-bottom: 0;}
.form-group label {font-size: 0.9em;}
.input-group {display: flex;}
.input-group-addon {padding: 0 1em !important;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.panel-default > .panel-heading {background: #EDEDED !important;}
/*Structure----------------------------------------------------*/
.container,
.container-fluid { padding-left: 2em; padding-right:2em; }
.container .row,
.container-fluid .row { margin-left: -1em; margin-right: -1em; }
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 { padding-left: 1em; padding-right: 1em; }
.container-0,
.container-fluid-0 { padding-left: 0px; padding-right: 0px; }
.container-lg,
.container-fluid-lg { padding-left: 2em; padding-right: 2em; margin-left: auto; margin-right: auto; }
.row.gtr-0 { margin-left: 0; margin-right: 0; }
.row.gtr-1 { margin-left: -1px; margin-right: -1px; }
.row.gtr-sm { margin-left: -0.5em; margin-right: -0.5em; }
.row.gtr-lg { margin-left: -2em; margin-right: -2em; }
.gtr-0 > [class*='col-'] { padding-left: 0; padding-right: 0; }
.gtr-1 > [class*='col-'] { padding-left: 1px; padding-right: 1px; }
.gtr-sm > [class*='col-'] { padding-left: 0.5em; padding-right: 0.5em; }
.gtr-lg > [class*='col-'] { padding-left: 2em; padding-right: 2em; }
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 { position: relative; min-height: 1px; padding-right: 1em; padding-left: 1em;width: 20%; float: left; }
.col-xs-15 { width: 20%; float: left; }
.form-control.inline { display: inline-block !important; width: auto !important; }
.table-fixed { table-layout: fixed; }
.table-nowrap th { white-space: nowrap }
.pos-rel { position: relative }
.pos-abs { position: absolute }
ul,
ol,
ul > li,
ol > li { margin: 0; padding: 0; list-style: none;display: block;}
.sameheight,
.sameheight4,
.sameheight6,
.tilethis {/* for Auto Correct*/ }

.mp-0 { margin: 0; padding: 0; }
.op-0 { opacity: 0; }
.d-flex { display: flex }
.max-width-60 { max-width: 60% !important; }
.max-width-80 { max-width: 80% !important; }
.embed-responsive-10by6 {padding-bottom: 60%;}
/*Margin,Padding----------------------------------------------------*/
.p-0 { padding: 0 !important; }
.p-xs { padding: 0.5em !important; }
.p-sm { padding: 1em !important; }
.p-md { padding: 2em !important; }
.p-lg { padding: 4em !important; }
.pt-0 { padding-top: 0 !important; }
.pt-xs { padding-top: 0.5em !important; }
.pt-sm { padding-top: 1em !important; }
.pt-md { padding-top: 2em !important; }
.pt-lg { padding-top: 4em !important; }
.pt-xlg { padding-top: 6em !important; }
.pt-xxlg { padding-top: 8em !important; }
.pr-0 { padding-right: 0 !important; }
.pr-xs { padding-right: 0.5em !important; }
.pr-sm { padding-right: 1em !important; }
.pr-md { padding-right: 2em !important; }
.pr-lg { padding-right: 4em !important; }
.pb-0 { padding-bottom: 0 !important; }
.pb-xs { padding-bottom: 0.5em !important; }
.pb-sm { padding-bottom: 1em !important; }
.pb-md { padding-bottom: 2em !important; }
.pb-lg { padding-bottom: 4em !important; }
.pb-xlg { padding-bottom: 6em !important; }
.pb-xxlg { padding-bottom: 8em !important; }
.pl-0 { padding-left: 0 !important; }
.pl-xs { padding-left: 0.5em !important; }
.pl-sm { padding-left: 1em !important; }
.pl-md { padding-left: 2em !important; }
.pl-lg { padding-left: 4em !important; }
.mt-0 { margin-top: 0 !important; }
.mt-xs { margin-top: 0.5em !important; }
.mt-sm { margin-top: 1em !important; }
.mt-md { margin-top: 2em !important; }
.mt-lg { margin-top: 4em !important; }
.mt-xlg { margin-top: 6em !important; }
.mt-xxlg { margin-top: 8em !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-xs { margin-bottom: 0.5em !important; }
.mb-sm { margin-bottom: 1em !important; }
.mb-md { margin-bottom: 2em !important; }
.mb-lg { margin-bottom: 4em !important; }
.mb-xlg { margin-bottom: 6em !important; }
.mb-xxlg { margin-bottom: 8em !important; }
.width-window { width: calc(100% + 8em) !important; margin-left: -4em; margin-right: -4em; }
/*Text----------------------------------------------------*/
.text-black { color: #000000 !important }
.text-orange { color: #FF5209 !important }
.text-green { color: #469E40 !important }
.text-gold { color: #998D51 !important }
.text-red { color: #f00000 !important }
.text-gray { color: #D0D0D0 !important }
.text-pink { color: #F29B8F !important }
.text-white { color: #FFFFFF !important}
.text-red-dark {color: #c1401e !important;}
.lh-sm { line-height: 1.1 !important; }
.lh-md { line-height: 1.6 !important; }
.lh-lg { line-height: 1.9 !important; }
.lh-xlg { line-height: 3 !important; }
.ls-1 { letter-spacing: 0.07em; }
.ls-2 { letter-spacing: 0.14em; }
.text-underline { text-decoration: underline; }
.fw-300 { font-weight: 300; }
.fw-500 { font-weight: 500; }
.fz-06 { font-size: 0.6em !important; }
.fz-08 { font-size: 0.8em !important; }
.fz-09 { font-size: 0.9em !important; }
.fz-10 { font-size: 1em !important; }
.fz-12 { font-size: 1.2em !important; }
.fz-14 { font-size: 1.4em !important; }
.fz-16 { font-size: 1.6em !important; }
.fz-18 { font-size: 1.8em !important; }
.fz-20 { font-size: 2em !important; }
.fz-22 { font-size: 2.2em !important; }
.fz-24 { font-size: 2.4em !important; }
.fz-26 { font-size: 2.6em !important; }
.fz-28 { font-size: 2.8em !important; }
.fz-30 { font-size: 3em !important; }
.fz-32 { font-size: 3.2em !important; }
.fz-34 { font-size: 3.4em !important; }
.fz-36 { font-size: 3.6em !important; }
.fz-38 { font-size: 3.8em !important; }
.fz-40 { font-size: 4em !important; }
p {word-wrap: break-word;margin: 0; }
/**/
.list-caption { padding-left: 1em; list-style: none; }
.list-caption li { text-indent: -1em; }
.list-caption li::before { content: '※' }
/**/
.list-circle,
.list-square {padding-left:1.6em;margin-top: 1em;}
.list-circle > li,
.list-square > li {display: list-item}
.list-circle > li {list-style:disc;}
.list-square > li {list-style: square;}
.list-circle > li +  li,
.list-square > li + li {margin-top: 0.5em;}
/**/
.list-num {padding-left:2em;margin-top: 1em;}
.list-num > li {display: list-item}
.list-num > li {list-style:decimal;}
.list-num > li + li {margin-top: 0.5em;}
/**/
.list-mb-xs li {margin-bottom: 0.5em;}
/*.ff-sans-serif {font-family:roboto, source-han-sans-japanese, sans-serif}*/
.ff-sans-serif {font-family: roboto,"BIZ UDPゴシック", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif; font-weight: 500;}
/*.ff-serif {font-family: source-han-serif-japanese, serif}*/
.ff-serif {font-family: source-han-serif-japanese, "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
form label.error { display: block; color: rgba(220,61,64,1.00); margin-top: 0.4em; }
form input.error {background-color: #FFF7F7}
.error-message {color: #E00016;font-size: 0.9em;font-weight: bold; margin-bottom: 0.3em}
/*Appearance----------------------------------------------------*/
.img-full { width: 100%; }
.label-green { background-color: #71AF3D; }
.label-green[href]:hover,
.label-green[href]:focus { background-color: #71AF3D; }
.label-black { background: #000000; color: #FFFFFF; }
.label-green { background: #006837; color: #FFFFFF; }
.label-border { background: #FFFFFF; color: #006837; border: 1px solid #006837 }
.brd-gray-1 { border: 1px solid #D0D0D0 }
.brd-black-1 { border: 1px solid #000000 }
.efc-op:hover { opacity: 0.7 }
.efc-scale img {transition: all 0.2s ease-out;}
.efc-scale:hover img {transform: scale(1.2)}
.ofi { object-fit: cover; object-position: 50% 50%; font-family: 'object-fit: cover; object-position: 50% 50%;' }
/*----------------------------------------------------*/
.pagetop { width: 1em; position: fixed; bottom: 0em; right: 1em; z-index: 1000; color: #8DCF88; opacity: 0.75; display: none; cursor: pointer; -webkit-transform: rotate( -90deg ); transform: rotate( -90deg ); line-height: 1;}
.pagetop i {font-size:3em ;}
.anime-fadeinup { visibility: hidden }
/*ラジオボタン----------------------------------------------------*/
.radio-label { padding: 1em 0;margin-top: -1px;}
.radio-label input[type=radio]{ opacity: 0;position: fixed; left: -10000px;}
.radio-label input[type=radio] + label{display: flex;}
.radio-label input[type=radio] + label::before{content: "";display: block;width: 1.4em;height:1.4em;border-radius: 50%;background: #AAAAAA;margin-right: 0.4em;}
.radio-label input[type=radio]:checked + label::before {background: #DEDF00;}
.radio-label input[type=radio]:checked + label{color: #000;font-weight: normal;position: relative}
.radio-label input[type=radio]:checked + label::after{content: "";display: block;width: 0.8em;height:0.8em;background: #000;border-radius: 50%;position: absolute;top:0.3em;left: 0.3em;}
.radio-inline {padding-left: 0;}
/*チェックボックス----------------------------------------------------*/
.checkbox-label {margin-top: -1px;display: inline-block;padding: 0;}
.checkbox-label input[type=checkbox]{ opacity: 0;position: fixed; left: -10000px;}
.checkbox-label input[type=checkbox] + label{display: flex;}
.checkbox-label input[type=checkbox] + label::before{content: "";display: block;width: 1.4em;height:1.4em;border: 1px solid #BFBFBF;border-radius: 0;background: #fff;margin-right: 0.4em;}
.checkbox-label input[type=checkbox]:checked + label::before {background: #fff;}
.checkbox-label input[type=checkbox]:checked + label{color: #000;font-weight: normal;position: relative}
.checkbox-label input[type=checkbox]:checked + label::after{content: "";display: block;position: absolute;top:0.1em;left: 0.5em;width: 0.6em;height: 1.1em;border-radius: 0;border-right: 0.3em solid #469E40;border-bottom: 0.3em solid #469E40;-webkit-transform: rotate( 45deg );transform: rotate( 45deg );}
.checkbox-inline {padding-left: 0;}
/*----------------------------------------------------*/
#cboxClose { height: 40px}
#cboxOverlay {background-color: rgba(255,255,255,0.95)}
#cboxLoadedContent {border: 5px solid #FFFFFF;}
#cboxContent {margin-top: 0;background: #FFFFFF;}
/*----------------------------------------------------*/
.pagination,
.pagination * {line-height: 1;}
.pagination {display:flex;border-radius: 0;margin: 2em 0;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.pagination > li {display: flex;border: 1px solid #469E40;background: #FFF;margin: 0 0.1em;}
.pagination > li > a,
.pagination > li > span {line-height: 1;display: flex;text-align: center;padding: 0.4em 0.4em;width: 100%;border: none;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.pagination > li:first-child > a, .pagination > li:first-child > span {border-radius: 0 !important}
.pagination > li:last-child > a, .pagination > li:last-child > span {border-radius: 0 !important}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {background-color: #469E40; color: #fff !important;height: 100%;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {color: #333 !important;}
.pagination > li > a, .pagination > li > span {color: #333;margin: 0;}
/*----------------------------------------------------*/
.navigation {margin: 2em 0}
	/*レビュー用*/
	.item-review{display: flex;}
	.item-review-figure{border-radius: 0.4em;overflow: hidden;}
	.item-review-title{color: #469E40;font-size: 1.2em;line-height: 1.4;}
	.item-review-title a {color: #469E40;text-decoration: underline}
a.anchor{display: block;padding-top: 5em;margin-top: -5em;}
/*点滅----------------------------------------------------*/
.blinking{
-webkit-animation:blink 1s ease-in-out infinite alternate;-moz-animation:blink 1s ease-in-out infinite alternate;animation:blink 1s ease-in-out infinite alternate;}
@-webkit-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}

/*ページヘッダー----------------------------------------------------*/
.header-page{border-top: 0.2em solid #469E40;background: #fff;width: 100%;position: fixed;left: 0;top: 0;margin: 0;z-index: 1000000;padding-bottom: 0;box-shadow:0px 0px 1px 0px rgba(0,0,0,0.5);}
.header-page-inner {display: flex;max-width:calc(1280px + 4em);margin-left: auto;margin-right: auto;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0 2em;}
.header-page-branding{}
.header-page-btn-gnav-sp{display: none}
.header-page-logo{width: 13em;padding: 0.8em 0.8em 0.8em 0;font-size: 1em;margin:0 2em 0 0;}
.header-page-tools{margin-left: auto;flex: 1;-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: flex;display: none;}
.header-page-search{display: flex;font-size: 0.9em;width: 100%;}
.header-page-search-inner{display: flex;}
.header-page-search-input{background: #F6F6F6 !important;border: none;font-size: 0.9em;padding: 0.2em 1em;border-radius: 1.4em 0 0 1.4em}
.header-page-search-btn{background: #469E40;color: #fff;width: 4em;border-radius: 0 1.4em 1.4em 0}
.header-page-search-btn:hover,
.header-page-search-btn:active,
.header-page-search-btn:focus {color: #fff;}
.header-page-search-btn .material-icons{font-size: 1.6em;;line-height: 1 !important;}
.header-page-btns{margin-left: auto;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding:1em 0 1em 1em;}
.header-page-btns-item {white-space: nowrap;}
.header-page-btns-item + .header-page-btns-item{margin-left:0.6em;}
.list-gnav-sp {display: none;}
/*ページフッター----------------------------------------------------*/
.footer-page {background: #469E40;color: #fff;}
.footer-page a {color: #fff;}
.footer-page-links {display: flex;width: 100%; max-width: 1000px;margin: 0 auto;}
.footer-page-links-list {flex:1;font-size: 0.9em;letter-spacing: 0.1em;}
.footer-page-links-list > li + li {margin-top: 0.6em;}
.footer-page-copy-right {text-align: center;font-size: 0.8em;padding: 2em 0;border-top: 1px solid #fff;letter-spacing: 0.1em;}
/*ページカラム----------------------------------------------------*/
.row-page {display: flex;}
.sidebar-page {width: 19%;order: 1}
.main-page {width: 81%;order:2;background-color: #FDFDF1;}
/*セカンドカラム----------------------------------------------------*/
.row-second{display: flex;}
.section-second-main{width: 66%;}
.sidebar-second{width: 30%;margin-left: auto;}
.sidebar-second-inner {transition: all 0.3s ease-out;}
/*グローバルナビゲーション----------------------------------------------------*/
.sidebar-banner {padding: 1em;}
.sidebar-banner > li + li {margin-top: 1em;}
.sidebar-page-inner {/*transition: all 0.5s ease-out;*/}
/**/
.list-gnav {border-bottom: 1px solid #ddd;font-size: 0.9em;letter-spacing: 0.1em;}
.list-gnav > li > a {padding: 1em 0 1em 3em;display: block;}
.list-gnav > li.active {background-color: #E7F9EB;color: #469E40;}
.list-gnav > li.active a {color: #469E40;}
.list-gnav-item-index,
.list-gnav-item-search,
.list-gnav-item-courses-purchased,
.list-gnav-item-courses-favorite,
.list-gnav-item-browsing-history,
.list-gnav-item-about,
.list-gnav-item-admission,
.list-gnav-item-faq,
.list-gnav-item-instructor,
.list-gnav-item-corporate-customers,
.list-gnav-item-contact,
.list-gnav-item-store {background-color: #fff;background-repeat: no-repeat; background-size: 1.4em auto; background-position: left 0.5em top 50%;}

.list-gnav-item-index {background-image: url("../images/ic-house.svg");}
.list-gnav-item-search {background-image: url("../images/ic-search.svg");}
.list-gnav-item-search.food {background-image: url("../images/ic-yy-orange.svg");}
.list-gnav-item-search.body {background-image: url("../images/ic-yy-yellow.svg");}
.list-gnav-item-search.mind {background-image: url("../images/ic-yy-pink.svg");}
.list-gnav-item-search.philosophy {background-image: url("../images/ic-yy-magenta.svg");}
.list-gnav-item-search.culture {background-image: url("../images/ic-yy-purple-d.svg");}
.list-gnav-item-search.nature {background-image: url("../images/ic-yy-purple.svg");}
.list-gnav-item-search.comfort {background-image: url("../images/ic-yy-blue.svg");}

.list-gnav-item-search.current {background-image: url("../images/ic-yy-white.svg");}
.list-gnav-item-search.current a {color: #fff !important;}
.list-gnav-item-search.food.current { background-color:#F7943A;}
.list-gnav-item-search.body.current {background-color:#EEB115;}
.list-gnav-item-search.mind.current {background-color:#F789A1;}
.list-gnav-item-search.philosophy.current {background-color:#E05197;}
.list-gnav-item-search.culture.current {background-color:#83358E;}
.list-gnav-item-search.nature.current {background-color:#7D86CA;}
.list-gnav-item-search.comfort.current {background-color:#176CB4;}


.list-gnav-item-courses-purchased {background-image: url("../images/ic-play.svg");}
.list-gnav-item-courses-favorite {background-image: url("../images/ic-star.svg");}
.list-gnav-item-browsing-history {background-image: url("../images/ic-eye.svg");}
.list-gnav-item-about {background-image: url("../images/ic-cap.svg");}
.list-gnav-item-admission {background-image: url("../images/ic-blackboard.svg");}
.list-gnav-item-faq {background-image: url("../images/ic-faq.svg");}
.list-gnav-item-instructor {background-image: url("../images/ic-hand.svg");}
.list-gnav-item-corporate-customers {background-image: url("../images/ic-bag.svg");}
.list-gnav-item-contact {background-image: url("../images/ic-mail.svg");}
.list-gnav-item-store {background-image: url("../images/ic-store.svg");}

.list-gnav-item-index.active {background-image: url("../images/ic-house-green.svg");}
.list-gnav-item-search.active {background-image: url("../images/ic-search-green.svg");}
.list-gnav-item-courses-purchased.active {background-image: url("../images/ic-play-green.svg");}
.list-gnav-item-courses-favorite.active {background-image: url("../images/ic-star-green.svg");}
.list-gnav-item-browsing-history.active {background-image: url("../images/ic-eye-green.svg");}
.list-gnav-item-about.active {background-image: url("../images/ic-cap-green.svg");}
.list-gnav-item-admission.active {background-image: url("../images/ic-blackboard-green.svg");}
.list-gnav-item-faq.active {background-image: url("../images/ic-faq-green.svg");}
.list-gnav-item-instructor.active {background-image: url("../images/ic-hand-green.svg");}
.list-gnav-item-corporate-customers.active {background-image: url("../images/ic-bag-green.svg");}
.list-gnav-item-contact.active {background-image: url("../images/ic-mail-green.svg");}
.list-gnav-item-store.active {background-image: url("../images/ic-store-green.svg");}
/*サイドバーCTA----------------------------------------------------*/
.card-cta-function{overflow: hidden;border-radius: 0.4em;background: #fff;box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2);display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.card-cta-function-header{}
.card-cta-function-figure{}
.card-cta-function-image{background-color: #666; background-repeat: no-repeat; background-size:cover; background-position: right 50% top 50%;width: 100%;height: 0;padding-bottom: 60%;}
.card-cta-function-body{padding: 1em;}
.card-cta-function-text{font-size: 0.7em;margin-bottom: 1em;}
.card-cta-function-tag{display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.card-cta-function-price{font-size: 0.9em;margin-bottom: 0.5em;}
.card-cta-function-price-asking {text-decoration:line-through}
.card-cta-function-price-selling {font-size:1.6em;font-weight: bold;color: #D32635;}
.card-cta-function-review{font-size: 0.8em;text-decoration: underline;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.card-cta-function-review-post{margin-left: auto;display: inline-block;}
.card-cta-function-footer{padding:0 1em 1em;}
.card-cta-function-actions{}
.card-cta-function-actions-item{text-align: center;}
.card-cta-function-actions .card-cta-function-actions-item{margin-top: 1em;}
.card-cta-function-actions-item-purchased{font-size: 1.2em;padding: 0.4em;border: 1px solid #469E40;color: #469E40;text-align: center;margin-top: 1em;}

.row-second-purchased .card-cta-function-header {order:1;}
.row-second-purchased .card-cta-function-body {order:3}
.row-second-purchased .card-cta-function-footer {order:2}



/*Fixed-CTA----------------------------------------------------*/
.fixed-cta-function {width: 100%;position: fixed;left: 0;bottom: 0;background: #fff;display: none;}

.fixed-cta-function-inner{display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.fixed-cta-function-actions-icon{padding: 0.5em;}
.fixed-cta-function-body{display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;flex:1}
.fixed-cta-function-tag {display: block;padding: 0.4em;white-space: nowrap;;}
.fixed-cta-function-actions {display: flex;margin-left: auto;;}

.fixed-cta-function-price{font-size:1.2em;font-weight: bold;color: #D32635;}
.fixed-cta-function-review{font-size: 0.8em;text-decoration: underline;}

/*スライダー----------------------------------------------------*/
.swiper-common {padding: 1em;position:relative;margin-bottom: 2em;}
.swiper-common {}
.swiper-button-common-prev,
.swiper-button-common-next {position: absolute;top:50%;font-size: 2em;line-height: 1;margin-top: -1em;}
.swiper-button-common-prev {left: -1em}
.swiper-button-common-next {right: -1em}
.swiper-button-disabled {opacity: 0;cursor: default}
/**/
.swiper-common.red [class*='swiper-button-common'] {color: #E65B5A;}
.swiper-common.yellow [class*='swiper-button-common'] {color: #E0C410;}
.swiper-common.orange [class*='swiper-button-common'] {color: #F69338;}
.swiper-common.pink [class*='swiper-button-common'] {color: #F88BA3;}
.swiper-common.purple [class*='swiper-button-common'] {color: #7E86C9;}
.swiper-common.blue [class*='swiper-button-common'] {color: #348BFF;}
.swiper-common.green [class*='swiper-button-common'] {color: #469E40;}
/**/

.swiper-pagination {display: inline-flex;}
.swiper-pagination-bullet {width:10px;height:10px;margin: 0 4px;}
.swiper-pagination-bullet-active {background: #469E40}

.swiper-pagination-outer {width: 100%;height: 1em;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-top: 1em;}
.swiper-pagination-outer .swiper-pagination-bullets-dynamic{width:auto;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size: 1em;width: 100% !important;}
.swiper-pagination-outer .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {display: none;position: static;transition: all 0.3s ease-out;}
.swiper-pagination-bullet-active-prev,
.swiper-pagination-bullet-active-prev-prev,
.swiper-pagination-bullet-active-next,
.swiper-pagination-bullet-active-next-next,
.swiper-pagination-bullet-active-main{display: block !important}
.swiper-pagination-outer {display:none }


/*コースサムネイル----------------------------------------------------*/
.list-course{display: flex;flex-wrap: wrap;width:calc(100% + 1em) ;margin-left: -0.5em;margin-right: -0.5em;}
.list-course > .item-course{padding: 1em 0.5em;width: 25%;}
.item-course-link:hover {text-decoration: none}
.item-course-header{position: relative;}
.item-course-figure{overflow: hidden;border-radius: 0.6em;margin-bottom: 0.5em;}
.item-course-image{background-color: hsl(0, 0%, 70%);background-repeat: no-repeat; background-size:cover; background-position:center;width: 100%;height: 0;padding-bottom: 56.25%;transition: all 0.3s ease-out;}
.item-course-image-green {background-color: hsl(129.2, 63.3%, 38.4%);background-color: #666;background-image: url(../images/bg-clover.jpg); background-repeat: no-repeat; background-size:cover; background-position: 50% top 50%;}
.item-course-image-more {position:absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);color: #469f3f;font-size: 0.8em;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.item-course-image-more-icon {display: inline-block;width: 2.6em;}
.item-course-image-more-body {display: inline-block;white-space: nowrap;margin-top: 0.6em;}
.item-course:hover .item-course-image{transform: scale(1.1)}
.item-course-body{}
.item-course-title{font-size:0.9em;font-weight: normal;line-height: 1.6;}
.item-course-media{display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.item-course-instructor{width: 3.4em;}
.item-course-instructor-image{background-color: #eee;background-repeat: no-repeat; background-size:cover; background-position:center;width: 100%;height: 0;padding-bottom: 100%;}
.item-course-fee{flex:1;padding-left: 1em;}
.item-course-fee-name {display: block;font-size: 0.8em;letter-spacing: 0.1em;}
.item-course-fee-title {display: block;font-size: 0.8em;letter-spacing: 0.1em;}

.item-course-fee-price {font-size: 1.2em;}
.item-course-fee-price_red {font-size: 1.2em;color: #D32635}
/**/
.item-course-ribbon { background: #000;color: #fff;position:absolute;left: 0;font-size: 12px;line-height: 1;top: 5px;}
.item-course-ribbon span {display: block;position: relative;padding: 5px;}
.item-course-ribbon span:before,
.item-course-ribbon span:after {content: '';width: 0;height: 0;display:block;position: absolute;right: -13px;}
.item-course-ribbon span:before{border-top: 7px solid #000000;border-right: 7px solid transparent ;border-bottom: 7px solid transparent;border-left: 7px solid #000000;top: 0;}
.item-course-ribbon span:after{border-top: 7px solid transparent;border-right: 7px solid transparent ;border-bottom: 7px solid #000000;border-left: 7px solid #000000;bottom: 0;}
/**/
.item-course-ribbon.orange {background: #F69338;}
.item-course-ribbon.pink {background: #F88BA3;}
.item-course-ribbon.purple {background: #7E86C9;}
.item-course-ribbon.blue {background: #348BFF;}
/**/
.item-course-ribbon.orange span:before{border-top: 7px solid #F69338;border-right: 7px solid transparent ;border-bottom: 7px solid transparent;border-left: 7px solid #F69338;}
.item-course-ribbon.orange span:after{border-top: 7px solid transparent;border-right: 7px solid transparent ;border-bottom: 7px solid #F69338;border-left: 7px solid #F69338;}
.item-course-ribbon.pink span:before{border-top: 7px solid #F88BA3;border-right: 7px solid transparent ;border-bottom: 7px solid transparent;border-left: 7px solid #F88BA3;}
.item-course-ribbon.pink span:after{border-top: 7px solid transparent;border-right: 7px solid transparent ;border-bottom: 7px solid #F88BA3;border-left: 7px solid #F88BA3;}
.item-course-ribbon.purple span:before{border-top: 7px solid #7E86C9;border-right: 7px solid transparent ;border-bottom: 7px solid transparent;border-left: 7px solid #7E86C9;}
.item-course-ribbon.purple span:after{border-top: 7px solid transparent;border-right: 7px solid transparent ;border-bottom: 7px solid #7E86C9;border-left: 7px solid #7E86C9;}
.item-course-ribbon.blue span:before{border-top: 7px solid #348BFF;border-right: 7px solid transparent ;border-bottom: 7px solid transparent;border-left: 7px solid #348BFF;}
.item-course-ribbon.blue span:after{border-top: 7px solid transparent;border-right: 7px solid transparent ;border-bottom: 7px solid #348BFF;border-left: 7px solid #348BFF;}
/**/
.swiper-common-sub-category {display: flex;margin-bottom: 1em;flex-wrap: wrap;width: calc(100% + 0.6em);margin-left: -0.3em;margin-right: -0.3em;}
.swiper-common-sub-category > li {background: #eee;font-size: 0.8em;line-height:1;display: inline-block;padding:0.3em 1em;border-radius:1em;margin: 0.3em;}
.swiper-common-sub-category > li a {display: block;}
.swiper-common.orange .swiper-common-sub-category > li {background: #FFF4EB;}
.swiper-common.pink .swiper-common-sub-category > li {background: #FEF3F7;}
.swiper-common.purple .swiper-common-sub-category > li {background: #F3F3FB;}
/*----------------------------------------------------*/
.list-breadcrumb {display: flex;width: 100%;overflow-x: auto;font-size: 0.8em;flex-wrap: wrap}
.list-breadcrumb li {display: inline-block;}
.list-breadcrumb li + li::before {content: '> ';margin-left: 1em;}
/*Q&A----------------------------------------------------*/
.dl-qa{padding-left: 2em;}
.dl-qa-q{position: relative;color: #6EAADC;font-weight: bold;margin-bottom: 0.3em;}
.dl-qa-q::before {content: 'Q.';font-size: 1.2em;position: absolute;top: -0.2em;left: -1.2em;}
.dl-qa-a{line-height: 1.8;}
.dl-qa + .dl-qa{ margin-top: 1.2em;}
/*インフォメーション---------------------------------------------------*/

.list-information{margin-top: 2em;overflow: hidden;border: 1px solid #DBDBDB;border-radius:0.4em}
.item-information{background: #fff;display: flex;padding: 0.5em;position: relative;}
.item-information:hover .item-information-title a{color: #469E40;}
.item-information-eyecatch{width: 5em;padding-right: 1em;}
.item-information-eyecatch-image{width: 100%;height: 0;padding-bottom: 100%;background-color: #F2F9F1;background-image: url("../images/bg-noimage.png"); background-repeat: no-repeat; background-size:cover; background-position: right 50% top 50%;border-radius: 0.3em}
.item-information-body{width: calc(100% - 5em);}
.item-information-date{font-size: 0.8em;margin-bottom: 0em;}
.item-information-title{font-size: 1em;line-height: 1.4;}
.item-information-title a {}
.item-information-title a::after {content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;}
.item-information-excerpt{font-size: 0.9em;line-height: 1.4;}
.list-information .item-information + .item-information{border-top: 1px solid #DBDBDB;}
/*----------------------------------------------------*/
.item-information-sm {display: flex;background: #fff;padding: 1em;}
.item-information-eyecatch-sm{width: 4em;float: left;padding:0 0.5em 0.5em 0}
.item-information-title-sm{font-size: 0.9em;line-height: 1.2;font-weight: normal;margin-bottom: 0;}
.item-information-title-sm a {text-decoration:underline}
.list-information .item-information-sm + .item-information-sm{border-top: 1px solid #DBDBDB;}

/*背景----------------------------------------------------*/
.bg-none { background: none !important; }
.bg-white { background: #FFFFFF !important; }
.bg-yellow { background: #FDFDF1 !important; }
.bg-pink-light { background: #FCE8E8 !important; }
.bg-green-light { background: #469e40 !important; }
.bg-red-light { background: #FCE8E8 !important; }
.bg-leaf {background-color: #FDFDF1; background-image: url("../images/about/bg-leaf.jpg"); background-size: 100%; background-repeat: no-repeat;}
.bg-beige {background: #FDF5C1;}
/*ボタン----------------------------------------------------*/
.btn-gray { background: #9B9B9B; color: #fff; border: none; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;border-radius: 0}
.btn-gray:hover,
.btn-gray:active,
.btn-gray:focus { background: #8A8A8A; color: #fff }
/**/
.btn-gray-light { background: #EEEDE7; color: #333; border: none; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;font-size: 0.9em;letter-spacing: 0.1em;padding: 0.8em 0;border-radius: 0 }
.btn-gray-light:hover,
.btn-gray-light:active,
.btn-gray-light:focus { background: #C0C0C0; color: #333 }
/**/
.btn-black { background:#111; color: #FFFFFF; border: none; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
.btn-black:hover,
.btn-black:active,
.btn-black:focus { background: #2D2D2D; color: #FFFFFF }
/**/
.btn-border { background:none; color: #333; border: 1px solid #333; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;border-radius:0.3em}
.btn-border:hover,
.btn-border:active,
.btn-border:focus { background: #F0F0F0; }
/**/
.btn-mono { background: #000000; color: #FFFFFF; border: none; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
.btn-mono:hover,
.btn-mono:active,
.btn-mono:focus { background: #2D2D2D; color: #FFFFFF }
/**/
.btn-request:active,
.btn-request:focus,
.btn-request:hover,
.btn-request { background: #AC1D42; color: #FFFFFF; border: none; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;border-radius: 0px; font-size: 1.2em; letter-spacing: 0.4em; font-weight: normal; padding: 0.6em 1.6em; position: relative; z-index:10;transition: all 0.3s ease-out;}
.btn-request::after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #531021; z-index: -1; width: 0%;transition: all 0.3s ease-out;}
.btn-request:hover::after {width: 100%;}
.btn-request:hover {transform: scale(1.05); color: #DBBF68}
/**/
.btn-line-green{display: inline-block;border: 1px solid #469E40;padding: 0.4em 1em;border-radius: 0.3em;letter-spacing: 0.1em;color: #469E40;font-size: 0.9em;}
.btn-line-green:active,
.btn-line-green:focus,
.btn-line-green:hover {color: #32722E;text-decoration: none}
.btn-line-green .material-icons{margin-right: 0.5em;}


/**/
.btn-transparent{border: none;padding: 0.4em 1em;border-radius: 0.3em;letter-spacing: 0.1em;color: #333;font-size: 0.9em;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.btn-transparent:active,
.btn-transparent:focus,
.btn-transparent:hover {color: #333;text-decoration: none;}
.btn-transparent .material-icons{margin-right: 0.5em;font-size: 1.4em;line-height: 1;color: #469E40;}
/**/
.btn-cart{border:none;padding: 0.4em 1em;border-radius: 0.3em;letter-spacing: 0.1em;color: #333;font-size: 0.9em;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.btn-cart:active,
.btn-cart:focus,
.btn-cart:hover {color: #32722E;text-decoration: none;}
.btn-cart .material-icons{margin-right: 0.2em;font-size: 1.6em;line-height: 1;color: #469E40;}
.btn-cart .btn-cart-amount{letter-spacing: 0;width: 1.6em;height:1.6em;border-radius: 50%;color: #fff;background: #469E40;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;}


/**/
.btn-fill-green{display: inline-block;border: 1px solid #469E40;padding: 0.4em 1em;border-radius: 0.3em;letter-spacing: 0.1em;color: #fff;font-size: 0.9em;background: #469E40;}
.btn-fill-green:active,
.btn-fill-green:focus,
.btn-fill-green:hover {color: #fff;background: #3B8536;text-decoration: none}
.btn-fill-green .material-icons{margin-right: 0.5em;}
/**/
.btn-favorite {display: inline-block;list-style: none;background: #F7F2D3;font-size: 0.8em;padding: 0.4em 1.4em;border-radius: 1.5em;letter-spacing: 0.1em;cursor: pointer;}
.btn-favorite .material-icons {color: #E0C410;}
.btn-favorite:active,
.btn-favorite:focus,
.btn-favorite:hover {color: #fff;background: #E0C410;text-decoration: none}
.btn-favorite:active .material-icons,
.btn-favorite:focus .material-icons,
.btn-favorite:hover .material-icons {color: #fff;}
/**/
.btn-favorite-icon {display: inline-block;list-style: none;background: #F7F2D3;font-size: 0.8em;padding: 0.4em 0.6em;border-radius: 1.5em;letter-spacing: 0.1em;cursor: pointer;}
.btn-favorite-icon .material-icons {color: #E0C410;}
.btn-favorite-icon:active,
.btn-favorite-icon:focus,
.btn-favorite-icon:hover {color: #fff;background: #E0C410;text-decoration: none}
.btn-favorite-icon:active .material-icons,
.btn-favorite-icon:focus .material-icons,
.btn-favorite-icon:hover .material-icons {color: #fff;}
/**/
.btn-grad-red{  background : -moz-linear-gradient(50% 100% 90deg,rgba(198, 19, 36, 1) 0%,rgba(210, 36, 51, 1) 50%,rgba(219, 68, 82, 1) 100%);
background : -webkit-linear-gradient(90deg, rgba(198, 19, 36, 1) 0%, rgba(210, 36, 51, 1) 50%, rgba(219, 68, 82, 1) 100%);
background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(198, 19, 36, 1) ),color-stop(0.5,rgba(210, 36, 51, 1) ),color-stop(1,rgba(219, 68, 82, 1) ));
background : -o-linear-gradient(90deg, rgba(198, 19, 36, 1) 0%, rgba(210, 36, 51, 1) 50%, rgba(219, 68, 82, 1) 100%);
background : -ms-linear-gradient(90deg, rgba(198, 19, 36, 1) 0%, rgba(210, 36, 51, 1) 50%, rgba(219, 68, 82, 1) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#C61324', endColorstr='#DB4452' ,GradientType=0)";
background : linear-gradient(0deg, rgba(198, 19, 36, 1) 0%, rgba(210, 36, 51, 1) 50%, rgba(219, 68, 82, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DB4452',endColorstr='#C61324' , GradientType=0);
box-shadow:1px 1px 2px 0px rgba(0,0,0,0.3);display: flex;color: #fff;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
.btn-grad-red > span {display: block;padding: 0.8em 0;text-decoration: none;}
.btn-grad-red:hover,
.btn-grad-red:focus,
.btn-grad-red:active,
.btn-grad-red:hover {color: #fff;text-decoration: none;background:#C71425;}
.btn-grad-red-prepend{width: 2em;text-align: center;}
.btn-grad-red-body{flex:1;font-weight: bold;letter-spacing: 0.1em;}
.btn-grad-red-append{width: 2em;text-align: center;}
/**/
.btn-grad-orange{  background : -moz-linear-gradient(50% 100% 90deg,rgba(223, 116, 34, 1) 0%,rgba(230, 143, 41, 1) 50%,rgba(236, 168, 54, 1) 100%);
background : -webkit-linear-gradient(90deg, rgba(223, 116, 34, 1) 0%, rgba(230, 143, 41, 1) 50%, rgba(236, 168, 54, 1) 100%);
background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(223, 116, 34, 1) ),color-stop(0.5,rgba(230, 143, 41, 1) ),color-stop(1,rgba(236, 168, 54, 1) ));
background : -o-linear-gradient(90deg, rgba(223, 116, 34, 1) 0%, rgba(230, 143, 41, 1) 50%, rgba(236, 168, 54, 1) 100%);
background : -ms-linear-gradient(90deg, rgba(223, 116, 34, 1) 0%, rgba(230, 143, 41, 1) 50%, rgba(236, 168, 54, 1) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DF7422', endColorstr='#ECA836' ,GradientType=0)";
background : linear-gradient(0deg, rgba(223, 116, 34, 1) 0%, rgba(230, 143, 41, 1) 50%, rgba(236, 168, 54, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECA836',endColorstr='#DF7422' , GradientType=0);
box-shadow:1px 1px 2px 0px rgba(0,0,0,0.3);display: flex;color: #fff;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
.btn-grad-orange > span {display: block;padding: 0.8em 0;text-decoration: none;}
.btn-grad-orange:hover,
.btn-grad-orange:focus,
.btn-grad-orange:active,
.btn-grad-orange:hover {color: #fff;text-decoration: none;background:#E07923;}
.btn-grad-orange-prepend{width: 2em;text-align: center;}
.btn-grad-orange-body{flex:1;font-weight: bold;letter-spacing: 0.1em;}
.btn-grad-orange-append{width: 2em;text-align: center;}
/**/
.btn-grad-green{  background : -moz-linear-gradient(50% 100% 90deg,rgba(54, 129, 44, 1) 0%,rgba(69, 155, 63, 1) 50%,rgba(92, 178, 93, 1) 100%);
background : -webkit-linear-gradient(90deg, rgba(54, 129, 44, 1) 0%, rgba(69, 155, 63, 1) 50%, rgba(92, 178, 93, 1) 100%);
background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(54, 129, 44, 1) ),color-stop(0.5,rgba(69, 155, 63, 1) ),color-stop(1,rgba(92, 178, 93, 1) ));
background : -o-linear-gradient(90deg, rgba(54, 129, 44, 1) 0%, rgba(69, 155, 63, 1) 50%, rgba(92, 178, 93, 1) 100%);
background : -ms-linear-gradient(90deg, rgba(54, 129, 44, 1) 0%, rgba(69, 155, 63, 1) 50%, rgba(92, 178, 93, 1) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#36812C', endColorstr='#5CB25D' ,GradientType=0)";
background : linear-gradient(0deg, rgba(54, 129, 44, 1) 0%, rgba(69, 155, 63, 1) 50%, rgba(92, 178, 93, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5CB25D',endColorstr='#36812C' , GradientType=0);
box-shadow:1px 1px 2px 0px rgba(0,0,0,0.3);border-radius: 0;color: #fff;}
.btn-grad-green:hover,
.btn-grad-green:focus,
.btn-grad-green:active,
.btn-grad-green:hover {color: #fff;text-decoration: none;background:#469E40;}
.btn-grad-green.btn-lg {font-size: 1em;letter-spacing: 0.1em;padding: 1em 0;}
/**/
.btn-grad-gold{   background : -moz-linear-gradient(50% 100% 90deg,rgba(124, 111, 55, 1) 0%,rgba(150, 138, 78, 1) 50%,rgba(174, 164, 110, 1) 100%);
background : -webkit-linear-gradient(90deg, rgba(124, 111, 55, 1) 0%, rgba(150, 138, 78, 1) 50%, rgba(174, 164, 110, 1) 100%);
background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(124, 111, 55, 1) ),color-stop(0.5,rgba(150, 138, 78, 1) ),color-stop(1,rgba(174, 164, 110, 1) ));
background : -o-linear-gradient(90deg, rgba(124, 111, 55, 1) 0%, rgba(150, 138, 78, 1) 50%, rgba(174, 164, 110, 1) 100%);
background : -ms-linear-gradient(90deg, rgba(124, 111, 55, 1) 0%, rgba(150, 138, 78, 1) 50%, rgba(174, 164, 110, 1) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7C6F37', endColorstr='#AEA46E' ,GradientType=0)";
background : linear-gradient(0deg, rgba(124, 111, 55, 1) 0%, rgba(150, 138, 78, 1) 50%, rgba(174, 164, 110, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AEA46E',endColorstr='#7C6F37' , GradientType=0);
box-shadow:1px 1px 2px 0px rgba(0,0,0,0.3);border-radius: 0;color: #fff;}
.btn-grad-gold:hover,
.btn-grad-gold:focus,
.btn-grad-gold:active,
.btn-grad-gold:hover {color: #fff;text-decoration: none;background:#83773E;}
.btn-grad-gold.btn-lg {font-size: 1em;letter-spacing: 0.1em;padding: 1em 0;}
/*シェアボタン----------------------------------------------------*/
.btns-share{display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.btns-share-item{display: flex;padding: 0 0.5em;width: 25%;}
.btns-share-link{width: 100%;height: 100%;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 0.6em 0;border-radius: 0.4em}
.btns-share-link-line{background-color: #06C755;}
.btns-share-link-mail{background-color: #EA4335;}
.btns-share-image{width: 1.8em;transition: all 0.3s;}
.btns-share-item:hover .btns-share-image{transform: scale(1.2)}


/*シャドウ----------------------------------------------------*/
.shadow-xs {box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2);}



/*見出し----------------------------------------------------*/
.ch-icon-bdb {font-size: 1em;display: flex;padding: 0.6em 0;margin-bottom: 0;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-bottom: 0.24em solid #000000;border-bottom-width: 0.24em;border-bottom-style: solid;border-bottom-color: #000000;border-top: 0.24em solid #000000;border-top-width: 0.24em;border-top-style: solid;border-bottom-color: #000000}
.ch-icon-bdb-title{display: flex;line-height: 1;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.ch-icon-bdb-icon{width: 1.8em;margin-right: 0.6em;}
.ch-icon-bdb-text{font-size: 1.4em;}
.ch-icon-bdb-text-lead {font-weight: normal !important; margin-left: 1em;font-size: 0.8em;display: inline-block;background-color: #333;color: #fff !important;padding: 0.6em;border-radius: 0.4em;position: relative;}
.ch-icon-bdb-icon-image{width: 100%;display: block;}
.ch-icon-bdb-link{font-size: 0.8em;letter-spacing: 0.1em;margin-left: auto;white-space: nowrap}
.ch-icon-bdb-link .material-icons{margin-left: 0.5em;}
.ch-icon-bdb-time {margin-left: auto;white-space: nowrap;}
/**/
.ch-icon-bdb.blue {border-bottom-color:#348BFF;border-top-color:#348BFF;color: #348BFF;}
.ch-icon-bdb.blue .ch-icon-bdb-link .material-icons{color: #348BFF;}
.ch-icon-bdb.blue .ch-icon-bdb-text-lead{background-color: #CEE9FF;color: #00B8A7 !important;text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;}
/**/
.ch-icon-bdb.purple {border-bottom-color: #7E86C9;border-top-color: #7E86C9;color: #7E86C9;}
.ch-icon-bdb.purple .ch-icon-bdb-link .material-icons{color: #7E86C9;}
.ch-icon-bdb.purple .ch-icon-bdb-text-lead{background-color: #7E86C9;}
/**/
.ch-icon-bdb.pink {border-bottom-color: #F88BA3;border-top-color: #F88BA3;color: #F88BA3;}
.ch-icon-bdb.pink .ch-icon-bdb-link .material-icons{color: #F88BA3;}
.ch-icon-bdb.pink .ch-icon-bdb-text-lead{background-color: #F88BA3;}
/**/
.ch-icon-bdb.orange {border-bottom-color: #F69338;border-top-color: #F69338;color: #F69338;}
.ch-icon-bdb.orange .ch-icon-bdb-link .material-icons{color: #F69338;}
.ch-icon-bdb.orange .ch-icon-bdb-text-lead{background-color: #F69338;}
/**/
.ch-icon-bdb.green {border-bottom-color: #269F38;border-top-color: #269F38;color: #269F38;}
.ch-icon-bdb.green .ch-icon-bdb-link .material-icons{color: #269F38;}
.ch-icon-bdb.green .ch-icon-bdb-text-lead{background-color: #d1ecd6;color: #000;color: #FF6905 !important;text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;}
/**/
.ch-icon-bdb.yellow {border-bottom-color:#E0C410;border-top-color:#E0C410;color: #E0C410;}
.ch-icon-bdb.yellow .ch-icon-bdb-link .material-icons{color: #E0C410;}
.ch-icon-bdb.yellow .ch-icon-bdb-text-lead{background-color: #E0C410;}
/**/
.ch-icon-bdb.red {border-bottom-color: #E65B5A;border-top-color: #E65B5A;color: #E65B5A;}
.ch-icon-bdb.red .ch-icon-bdb-link .material-icons{color: #E65B5A;}
.ch-icon-bdb.red .ch-icon-bdb-text-lead{background-color: #FCE9E9;color: #0035E3 !important;text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;}
/**/
.ch-icon-bdb.gold {border-bottom-color: #998D51;border-top-color: #998D51;color: #998D51;}
.ch-icon-bdb.gold .ch-icon-bdb-link .material-icons{color: #998D51;}
.ch-icon-bdb.gold .ch-icon-bdb-text-lead{background-color: #e6e1d1;color: #6C0040 !important;text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;}
/**/
.ch-icon-bdb.sky {border-bottom-color: #7AA2BC;border-top-color: #7AA2BC;color: #7AA2BC;}
/**/
.ch-icon-bdb.thin {border-bottom-width: 1px;border-bottom-color: #ccc}
.ch-icon-bdb.light {border-bottom-width: 2px}
/**/
.ch-icon-bdb.bd-green {border-bottom-color:#469E40}
/**/
.ch-icon-bdb.bd-gold {border-bottom-color:#998D51}
/**/
.ch-ribbon{background: #000;padding: 0.2em 0;position: relative;font-size: 1em;margin-top: 4em;margin-bottom: 1em;}
.ch-ribbon-inner{border-top: 1px solid #fff;border-bottom: 1px solid #fff;padding:0.5em 0;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.ch-ribbon-icon{width:2.4em;margin-right: 0.3em;}
.ch-ribbon-body{color: #fff;font-size: 1.6em;}
.ch-ribbon::before{content: '';position: absolute;top: 50%;left: 0;width: 0;height: 0;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);
border-top: 2em solid transparent;
border-right: 1em solid transparent;
border-bottom: 2em solid transparent;
border-left: 1em solid #FDFDF1;}
.ch-ribbon::after{content: '';position: absolute;top: 50%;right: 0;width: 0;height: 0;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);
border-top: 2em solid transparent;
border-right: 1em solid #FDFDF1;
border-bottom: 2em solid transparent;
border-left: 1em solid transparent;}
.ch-ribbon.red {background: #E51E2B;}
.ch-ribbon.blue {background: #348BFF;}
.ch-ribbon.green {background: #469E40;}
/**/
.ch-bdb-green {color: #469E40;font-size: 1.6em;line-height: 1.6;border-bottom: 4px solid #469E40;padding-bottom: 0.5em;}
/**/
.ch-bd-green {color: #469E40;font-size: 1.4em;line-height: 1.4em;border: 2px solid #469E40;padding-bottom: 0.5em;padding: 0.6em;}
/**/
.ch-deco-gold{width:100%; text-align: center;font-size: 1em;line-height: 1;display:flex;line-height: 1.2;}
.ch-deco-gold > * {flex:1}
.ch-deco-gold-body{display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;z-index: 10;}
.ch-deco-gold-text{color: #998D51;font-size: 1.6em;letter-spacing: 0.1em;display: inline-block;padding: 0 0.6em;white-space: nowrap;}
.ch-deco-gold-prepend{width: 6em;}
.ch-deco-gold-append{width: 6em;}
.ch-deco-gold-bdl{position: relative;display: block;}
.ch-deco-gold-bdl::after {content: '';display: block;z-index: 1;width: 100%;background: #CCC6A7;height: 1px;left: 0;top: 61%;position: absolute;}
.ch-deco-gold-bdr{position: relative;display: block;}
.ch-deco-gold-bdr::after {content: '';display: block;z-index: 1;width: 100%;background: #CCC6A7;height: 1px;left: 0;top: 61%;position: absolute;}
/**/
.ch-deco-gold-double-prepend{width: 3em;}
.ch-deco-gold-double-append{width: 3em;}
.ch-deco-gold-double-bdl{position: relative;display: block;}
.ch-deco-gold-double-bdl::after {content: '';display: block;z-index: 1;width: 100%;height:3px;left: 0;top: 61%;position: absolute;border-top:1px solid #CDC7A9;border-bottom:1px solid #CDC7A9;}
.ch-deco-gold-double-bdr{position: relative;display: block;}
.ch-deco-gold-double-bdr::after {content: '';display: block;z-index: 1;width: 100%;height:3px;left: 0;top: 61%;position: absolute;border-top:1px solid #CDC7A9;border-bottom:1px solid #CDC7A9;}
/**/
.ch-bdl {font-size: 1em;letter-spacing: 0.1em;border-left: 4px solid #98916E;padding: 0.4em 0 0.4em 0.6em;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;white-space: nowrap;}
.ch-bdl-green {border-left: 4px solid #469E40;}
.ch-bdl-link {margin-left: auto;font-size: 0.8em;}
* + .ch-bdl {margin-top: 2em;}
/**/
.ch-qa{font-size: 1em;letter-spacing: 0.1em;}
.ch-qa-prepend {width: 6em;display: inline-block;margin-right: 1em;}
/**/
.figure-square {background-color: hsla(0,0%,80%,1.00);background-image: url("../images/bg-noimage.png"); background-repeat: no-repeat; background-size: cover;background-position: right 50% top 50%;width: 100%;height: 0;padding-bottom: 100%;}

/*----------------------------------------------------*/
.mfp-bg {background: #fff;z-index: 2000000;outline: 0.9;}
.mfp-wrap {z-index:3000000}

@media (min-width:768px) and (max-width:991px){
/* iPad */
body { font-size:calc(694px / 69);}
}

@media (min-width: 992px) and (max-width:1199px) {
body {font-size:calc(910px / 69); }
}

/*----------------------------------------------------*/

@media (max-width: 767px) {
/* SP */
/*Overwrite----------------------------------------------------*/
body { padding-top: 4.6em; font-size:calc(100vw / 24); }
.btn { padding-left: 0.382em !important; padding-right: 0.382em !important; }
h1,
.h1 { font-size: 1.6em; }
h2,
.h2 { font-size: 1.5em; }
h3,
.h3 { font-size: 1.4em; }
h4,
.h4 { font-size: 1.3em; }
h5,
.h5 { font-size: 1.2em; }
h6,
.h6 { font-size: 1em; }
.container, .container-fluid {padding-left: calc(100vw / 24);;padding-right:calc(100vw / 24);}
.row.gtr-lg { margin-left: -3vw; margin-right: -3vw; }
.gtr-lg > [class*="col-"] {padding-left: 3vw;padding-right: 3vw;}
.row.gtr-sp-sm { margin-left: -0.5em; margin-right: -0.5em; }
.gtr-sp-sm > [class*='col-'] { padding-left: 0.5em; padding-right: 0.5em; }
.text-left-xs { text-align: left; }
.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header { margin-right: -6vw; margin-left: -6vw; }
.navbar-nav { margin: 7.5px -10px; }
.text-sp-left { text-align: left !important; }
.text-sp-center { text-align: center !important }
.text-sp-right { text-align: right!important; }
.visible-xs-block { width: 100%; }
small {font-size: 61.8%;}
.form-control {font-size: 1.04em;}
/*Margin,Padding--------------------------------------*/
.p-sp-0 { padding: 0 !important; }
.p-sp-xs { padding: 0.5em !important; }
.p-sp-sm { padding: 1em !important; }
.p-sp-md { padding: 2em !important; }
.p-sp-lg { padding: 4em !important; }
.pt-sp-sm {padding-top: 1em !important;}
.pt-sp-md {padding-top: 2em !important;}
.pb-sp-0 {padding-bottom: 0 !important;}
.pl-sp-0 {padding-left: 0 !important;}
.mt-sp-0 { margin-top: 0 !important; }
.mt-sp-xs { margin-top: 0.5em !important; }
.mt-sp-sm { margin-top: 1em !important; }
.mt-sp-md { margin-top: 2em !important; }
.mt-sp-lg { margin-top: 4em !important; }
.mb-sp-0 { margin-bottom: 0 !important; }
.mb-sp-xs { margin-bottom: 0.5em !important;}
.mb-sp-sm { margin-bottom: 1em !important; }
.mb-sp-md { margin-bottom: 2em !important; }
.mb-sp-lg { margin-bottom: 4em !important; }
.center-xs-block { margin-left: auto; margin-right: auto }
.width-window-sp { width:100vw  !important; margin-left:calc(100vw / -24);; margin-right: calc(100vw / -24);}
.max-width-60-sp { max-width: 60% !important; }
.max-width-80-sp { max-width: 80% !important; }
/*--------------------------------------*/
.fz-sp-06 { font-size: 0.6em !important; }
.fz-sp-08 { font-size: 0.8em !important; }
.fz-sp-09 { font-size: 0.9em !important; }
.fz-sp-10 { font-size: 1em !important; }
.fz-sp-12 { font-size: 1.2em !important; }
.fz-sp-14 { font-size: 1.4em !important; }
.fz-sp-16 { font-size: 1.6em !important; }
.fz-sp-18 { font-size: 1.8em !important; }
.fz-sp-20 { font-size: 2em !important; }
.fz-sp-22 { font-size: 2.2em !important; }
.fz-sp-24 { font-size: 2.4em !important; }
.fz-sp-26 { font-size: 2.6em !important; }
.fz-sp-28 { font-size: 2.8em !important; }
/*スマホ用のナビ--------------------------------------*/
.nav-sp {overflow:hidden;margin-bottom: 1em;border-top: 1px solid hsla(0,0%,80%,1.00);border-left: 1px solid hsla(0,0%,80%,1.00)}
.list-gnav {display:flex;padding: 0;width: 100%;}
.nav-sp .list-gnav-item-search{background-image: none;}
.nav-sp .list-gnav-item-search {border-right: 1px solid hsla(0,0%,80%,1.00);padding: 0;flex-shrink: 1;flex-grow: 1;flex-basis: auto;}
.nav-sp .list-gnav a {display: block;white-space: nowrap;padding: 0.5em 0!important ;text-align: center;white-space: nowrap;}

/*Nav mod--------------------------------------*/
.nav-nowrap li { display: table-cell; width: 1%; }
.nav-nowrap li>a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0 !important; }
.nav-nowrap li.active>a { border: 1px solid #ddd; padding: 10px 5px; }
.nav-nowrap li.active>a { border-bottom-color: #fff !important; border-radius: 4px 4px 0 0 !important; }
/*--------------------------------------*/
.table-nowrap th { white-space: normal }
/*--------------------------------------*/
.table-xs-block,
.table-xs-block tbody,
.table-xs-block tr,
.table-xs-block th,
.table-xs-block td { display: block; width: 100%; border: none !important; }
.table-xs-block tr { border: 1px solid #DDDDDD !important; margin-bottom: 1em; }
.table-xs-block th { border-bottom: 1px solid #DDDDDD !important; }
/*--------------------------------------*/
.row-eq-height-break-sp { display: block !important}
/*--------------------------------------*/
.list-breadcrumb {flex-wrap: nowrap}
.list-breadcrumb li {white-space: nowrap}
/*--------------------------------------*/
.pagination > li{flex: auto}
.pagination > li > a,
.pagination > li > span {padding: 0.6em 0.4em;}
/*ページヘッダー----------------------------------------------------*/

.header-page{overflow-y: auto;display: block;}
.header-page-inner{padding: 0;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.header-page-branding {width: 100%;display: flex;}
.header-page-btns-item{text-align:  center;}
.header-page-btn-gnav-sp {display: block;padding: 0.8em;width:5em;text-align: center;cursor: pointer;}
.header-page-btn-gnav-sp .material-icons {line-height: 1;font-size: 2.8em;}
.header-page-logo{flex: 1;text-align: center;margin: 0 5em 0 0;}
.header-page-logo img {width: 11em;padding-right: 0;display: block;margin: 0 auto;}


.header-page-search {order:2; margin-bottom: 1em;width: 100%;padding: 0 1em;}
.header-page-search form {display: flex;width: 100%;}
.header-page-search-inner {width: 100%;}


.header-page-tools {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;border-top: 1px solid #ccc;order:1;}
.list-gnav-sp {order:3;display: block;width: 100%;padding: 1em;}
.list-gnav-sp .list-gnav {flex-wrap: wrap;display: flex;}
.list-gnav-sp .list-gnav > li {width: 50%;font-size: 0.9em;}
.list-gnav-sp .list-gnav > li > a {padding: 1em 0 1em 2.6em;}
.sidebar-banner {order:4}
.footer-page-address {order:5}
.header-page-btns {flex-wrap: wrap;flex:1;padding: 1em;margin-left: 0;width: 100%;}
.header-page-btns-item {width: 50%;padding:0 0.25em;margin: 0;margin-bottom: 0.5em;}
.header-page-btns-item + .header-page-btns-item {margin-left: 0;}
.header-page-btns-item > a {display: block;}
/*サイドバーCTA----------------------------------------------------*/
.row-second-purchased .sidebar-second{order:-1;margin-bottom: 2em;}
.row-second-purchased .title-pc {display: none;}
.sidebar-second-inner {margin-top: 0 !important;}
/*ページフッター----------------------------------------------------*/
.footer-page-links {display:none}
.footer-page-copy-right {font-size: 0.6em;}
.footer-page-logo img{width: 100%; max-width: 60%}
/*ページカラム----------------------------------------------------*/
.row-page {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.sidebar-page {width: 100%;order: 2}
.main-page {width: 100%;order:1}
/*セカンドカラム----------------------------------------------------*/
.row-second{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.section-second-main{width: 100%;}
.sidebar-second{width: 100%;margin-left: 0;}
/*スライダー--------------------------------------*/
.swiper-common {width: 100vw;margin-left: -1em;margin-right: -1em;}
.swiper-common-sub-category {flex-wrap: nowrap;overflow-x: auto}
.swiper-common-sub-category > li {white-space: nowrap;}
.swiper-button-common-next,
.swiper-button-common-prev {display:none;}
.swiper-pagination-outer {display: flex}
/*インフォメーション--------------------------------------*/
.item-information{padding: 0.2em;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.item-information-title a {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.item-information-title{font-size: 0.8em;}

/*見出し----------------------------------------------------*/
.ch-ribbon-body{color: #fff;font-size: 1.2em;}
.ch-icon-bdb {width: 100vw;margin-left: -1em;margin-right: -1em;padding-left: 1em;padding-right: 1em;}
/**/
.ch-bdb-green {font-size: 1.2em;}
/**/
.ch-deco-gold-text {font-size: 1.4em;padding: 0 0.3em;}
.ch-deco-gold-prepend{width: 4em;}
.ch-deco-gold-append{width: 4em;}
/**/
.ch-bdl {font-size: 1em;}
/**/
.ch-icon-bdb{flex-wrap: wrap;}
.ch-icon-bdb-text-lead {order: 1;width: 100%;margin-left: 0;margin-top: 0.5em;padding-left: 3em;display: block;}
/*ボタン----------------------------------------------------*/
.btn-grad-red{padding: 0.4em 0.8em;}
.btn-grad-red > span {width: 100%;text-align:  center;padding: 0;}
.btn-grad-red-prepend {display: none;order:3}
.btn-grad-red-body {order:2;white-space: nowrap;}
.btn-grad-red-append{order:1;font-size: 1.4em;}
/**/
.btn-grad-orange{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 0.4em;}
.btn-grad-orange > span {width: 100%;text-align:  center;padding: 0;}
.btn-grad-orange-prepend {display: none;order:3}
.btn-grad-orange-body {order:2;font-size: 0.8em;white-space: nowrap;}
.btn-grad-orange-append{order:1;font-size: 1.4em;}

/*コースサムネイル----------------------------------------------------*/

.list-course > .item-course{width: 100%;}
}
/*シェアボタン----------------------------------------------------*/
.btns-share-item{width: 33.33%;}


/* sidebar サブメニュー */
.lectures-category-menu {
    height: 100%;
    background-color: rgba(255,255,255,0.9);
    position: absolute;
    top: 0;
    left: 600px;
    padding: 100px 80px 0;
    z-index: 1000;
}

.lectures-category-menu dt {
    font-size: 1.6em;
    margin-bottom: 30px;
}

.lectures-category-menu .lectures-category-menu-link {
    font-size: 1.2em;
    margin-bottom: 20px;
}

.lectures-category-menu a {
    color: #000000 !important;
    transition: 0.3s;
}

.lectures-category-menu a:hover {
    color: #b3b3b3 !important;
    text-decoration: none;
}