/* カスタマイズ用CSS */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css");
html {
    font-size: 14px;
}
body {
	/*font-family: 'Noto Sans JP', sans-serif;*/
	font-family: TBUDGothic R, /*Shin Go Regular, UD Shin Go Regular,*/ 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	line-height: 1.7;
    letter-spacing: 1px;
	color: #333;
}
a {
    transition: all .4s;
}
a, a:visited {
	color: #333;
}（
a:hover, a.text_green:hover {
	color: #99c299;
}
span.aks {
    display: inline-block;
}
.text_violet {
    color: #96a3fb;
}
.text_pink {
    color: #fe5ccb;
}
.text_green, a.text_green {
    color: #006837;
}
.text_lgreen {
    color: #99c299;
}
.text_orange {
    color: #DE5D50;
}
.font_bold {
    font-family: TBUDGothic E/* ,Shin Go Bold, UD Shin Go Medium*/;
}
/*
.font_title {
    font-family: Kyoukasho ICA Medium, UDDigiKyokasho R JIS2004;
    letter-spacing: -0.5px;
}
*/
.bg_cornsilk  {
    background-color: #fff8dc/*#fffff2*/;
}
.bg_lgreen  {
    background-color: #99c299;
}
p {
    /*-webkit-margin-before: 0;
    -webkit-margin-after: 1rem;*/
    margin-bottom: 1rem;
}
/* header */
.ec-layoutRole__header {
    position: relative;
}
.ec-layoutRole__header .header_menu {
    position: fixed;
    z-index: 10;
    width: 100%;
    background-color: #fff;
    height: 40px;
}
.header_menu, .main_menu {
	border-bottom: solid 2px #99c299;
}
.logo_sp {
	position: absolute;
	left: 36px;
}
.logo_sp a img {
	height: 2rem;
	width: auto;
}
.ec-headerNav {
	padding: 0.2rem;
}
.ec-headerNav__item a {
    display: flex;
    align-items: center;
}
.ec-headerNav__item.item_login a {
	flex-direction: column;
}
.ec-headerNav__item.item_login a span {
    display: block;
	font-size: 0.6rem;
}
.ec-headerNav .ec-headerNav__itemIcon {
    color: #006837;
    font-size: 1rem;
}
.ec-cartNavi {
    padding: 5px 5px 3px 0;
    height: 38px;
}
.ec-cartNavi .ec-headerNav__itemLink {
	display: none;
	font-size: 14px;
	color: black;
	margin-top: -3px;
}
.ec-cartNavi .ec-cartNavi__icon {
    color: #006837;
    font-size: 1rem;
}
.ec-cartNavi .ec-cartNavi__badge {
	line-height: 0.8;
}
.ec-headerRole__cart .ec-cartNavi span.ec-headerNav__itemLink {
	display: block;
	font-size: 0.6rem;
	margin-top: -5px;
}
.ec-headerNavSP {
    background: transparent;
    top: 0;
    left: 0;
}
.main_menu {
    padding-top: 44px;
}
.ec-categoryNaviRole {
    max-width: 1240px;
    color: #333;
}
.ec-categoryNaviRole > div:nth-child(3) {
    width: 100%;
}
.ec-categoryNaviRole img {
	height: 30px/*40px*/;
	margin: 0.5rem;
	transition: all .4s;
}
.ec-categoryNaviRole > div:nth-child(3) img {
    height: 46px;
    width: auto;
}
.cat_img {
	width: 2rem;
}
.ec-categoryNaviRole .cat_img img {
	margin: 0;
}
/*
#page_homepage .ec-categoryNaviRole > div:nth-child(3) img {
    height: 55px;
}
#page_homepage .main_menu.low .ec-categoryNaviRole > div:nth-child(3) img {
    height: 46px;
}
*/
.open_category_list a {
	cursor: pointer;
}
#category_list, #guide_list {
    background-color: /*#cfe2cf*/#fff/*#99c299*/;
    border: 2px solid #99c299;
    top: 100px;
    left: 0;
    border-radius: 1rem;
}
#page_homepage .main_menu.low #category_list {
    top: 110px;
}
.outer_ippan {
	border: solid 1px #99c299;
	border-radius: 1rem;
	margin-top: 2rem;
	padding-top: 2rem;
}
.outer_ippan > h5 {
	border-radius: 1rem;
	background-color: #fff;
	border: 1px solid #99c299;
	top: -1.5rem;
	width: auto;
}
.outer_ippan > h6 {
	border-radius: 1rem;
	background-color: #fff8dc;
	border: 1px solid #99c299;
	top: -1.5rem;
	width: auto;
	padding: 0.8rem;
}
.menuitem_teacherpage h5 {
    background-color: #cfe2cf;
    border-radius: 1rem;
    border: solid 1px #cfe2cf;
}
.h5_cat_2, .h5_cat_3, .h5_cat_4 {
    cursor: auto;
}
/*
#category_list h5::before {
	content: '';
	display: inline-block;
	background-image: url('../../../template/default/assets/img/common/soroban.png');
	width: 20px;
	height: 20px;
	background-size: 20px;
	vertical-align: middle;
	margin-right: 5px;
}
*/
.cat_list li, .other_list li, .g_list li {
	/*border-bottom: dotted 1px #ccc;*/
	list-style: none;
	position: relative;
}
.cat_list ul {
	display: none;
	position: absolute;
	background-color: #fff8dc/*#fffff2*/;
	border: 2px solid #99c299;
	bottom: -2rem;
	left: 90%;
	width: 100%;
	z-index: 1;
	border-radius: 1rem;
	padding: 1rem;
}
.cat_list ul.ul_cat_20 {
    top: 0;
    bottom: auto;
}
.ec-categoryNaviRole #category_list img {
	height: auto;
}
.ec-blockTopBtn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgba(153,194,153,0.7);
}
.ec-blockTopBtn i.bi.bi-chevron-up {
    font-size: 2.5rem;
}
.ec-drawerRole {
    width: 100vw;
	height: 100vh;
	transform: translateX(-100vw);
    background-color: #fff;
    transition: all .4s;
    padding-top: 40px;
    font-size: 1.2rem;
}
.ec-drawerRoleClose {
	font-size: 1.5rem;
	top: 0.3rem;
	left: auto;
	right: 0.5rem;
	background-color: transparent;
}
.ec-drawerRoleClose.is_active {
	z-index: 100001;
}
.ec-drawerRole img {
	width: 1.5rem;
	margin-right: 0.5rem;
}
.ec-headerCategoryArea > div {
	border-top: solid 1px #99c299;
}
#open_category_list_sp::after, #open_guide_list_sp::after {
	content: '\F4FC';
	font-family: bootstrap-icons;
	font-weight: 400;
	position: absolute;
	right: 1.2rem;
	transition: all .2s;
	border-radius: 5px;
	color: #99c299;
	font-size: 1.5rem;
}
#open_category_list_sp.open::after, #open_guide_list_sp.open::after {
	content: '\F2E8';
	transform: scaleY(-1);
}
#category_list_sp, #guide_list_sp {
	background-color: #fff8dc/*#fffff2*/;
	display: none;
	line-height: 2;
}
#category_list_sp h6, #guide_list_sp h6 {
	font-size: 1.2rem;
}
/*#category_list_sp h6::before {
	width: 3px;
	height: 0.8em;
	content: '';
	display: inline-block;
	background-color: #99c299;
	margin-right: 3px;
}*/
.cat_list_sp {
    list-style: none;
}
.cat_list_sp ul {
	display: none;
	padding: 0.5rem 0 0.5rem 1rem;
	list-style: none;
	line-height: 2;
}
.cat_list_sp .has_children {
    position: relative;
}
.cat_list_sp .has_children:after {
    content: '\F4FC';
    font-family: bootstrap-icons;
    font-weight: 400;
    color: #777;
    position: absolute;
    top: 0.3rem;
    right: 0.8rem;
    transition: all .2s;
}
.cat_list_sp .has_children.open::after {
    content: '\F2E8';
	transform: scaleY(-1);
	top: 0.3rem;
}
.cat_list_sp li, .linkright {
    position: relative;
}
.linkright {
    line-height: 2;
}
.cat_list_sp li::after, .linkright:after {
	content: '\F285';
	font-family: bootstrap-icons;
    font-weight: 400;
    position: absolute;
	right: 0.5rem;
    top: 0.4rem;
}
.cat_list_sp li a {
    display: block;
    padding-right: 1rem;
}
#category_list_sp .ul_cat_20 li::after {
	content: '\F285';
	font-family: bootstrap-icons;
    font-weight: 400;
    position: absolute;
	right: -0.2rem;
    top: 0.1rem;
}

#category_list_sp .ul_cat_20 li:hover::after {
    color: #99c299;
}
.menuitem_teacherpage_sp h6 {
    background-color: #006837;
    border-radius: 1rem;
}
.menuitem_teacherpage_sp a, .menuitem_teacherpage_sp a:visited {
    color: #fff;
}
.ec-drawerRole .ec-headerLinkArea {
	background: #99c299;
}
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__list {
	border-top: none;
}
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item {
	padding: 0.8rem 1rem;
	/* color: #333; */
	border-color: #fff;
}
.ec-drawerRole .ec-headerLink__icon i {
	color: #006837;
}
#guide_list h5 a::after {
	content: '\F285';
	font-family: bootstrap-icons;
    font-weight: 400;
    position: absolute;
	right: -0.2rem;
    top: 0.1rem;
}
/* main */
.footer_top {
    background-color: #cfe2cf;
}
.footer_top p {
    font-size: 90%;
}
p.circle {
    padding: 1rem;
    background-color: #fff;
    border-radius: 50%;
    height: 120px;
    width: 120px;
}
.classcat_icon, .classcat_icons svg {
    color: #333;
    width: 2rem;
    height: 2rem;
}
.circle.classcat_icons svg {
    width: 2rem;
    height: 2rem;
    fill: #333;
}
.other_info > div:nth-child(3) i, .other_info > div:nth-child(3) img {
    font-size: 1rem;
    padding: 0.2rem;
}
.about_payment {
	border-radius: 1.5rem;
	max-width: 800px;
	margin: 0 auto;
}
.about_payment > div:first-child {
    background-color: #fff8dc/*#fffff2/*#ffffe7*/;
    border-radius: 1.5rem 1.5rem 0 0;
    /*border-bottom: 1px solid #cfe2cf;*/
}
.about_payment > div:last-child > div:nth-child(-n+3) img {
    max-width: 150px;
}
.about_payment > div:last-child > div:nth-last-child(-n+2) img { 
/*.about_payment > div:last-child > div:last-child img { 銀行振り込みがないとき */
    width: 3rem;
}
/* footer */
.ec-footerRole {
	padding-top: 0;
	margin-top: 0;
	background-color: #fff;
	color: #333;
	border-top: none;
}
.footer_info span {
	border-bottom: solid 2px #99c299;
}
.ec-footerRole__inner > .row > div:first-child a, .ec-footerRole__inner > .row > div:first-child a:visited {
	/*color: #525263;*/
}
/* top */
.top_slider_block {
    margin-top: 38px;
}
.top_slider_block img {
	width: 100%;
}
.slick-slide p {
    text-shadow: 0 0 3px #222;
    letter-spacing: 0;
    line-height: 1.2;
    background: rgba(0,0,0,0.2);
}
.main_visual img {
	height: calc(40vh - 40px);
	width: 100vw;
	object-fit: cover;
	/*width: 1200px;
	max-width: 100%;*/
}

.yoko{
    text-align: center;
    width:100%;
    max-width: 1200px;
    max-height: 20%;
    margin:auto;
}
.yoko div{
    margin: auto;
    
    padding: 15px;
}

.yoko img{
    width: 100%;
}
@media(min-width:751px){
    .yoko{
      display:flex;/*コレ*/
    }
    
    .yoko div{
        width: 50%;
        padding: 25px;
    }
    
}

#page_homepage .ec-layoutRole .ec-layoutRole__contents {
    max-width: 100%;
}
#page_homepage .ec-layoutRole__main {
    padding-top: 0;
    padding-bottom: 0;
}
.message {
    height: 30vh;
}
.message .lead {
	font-size: 4.5vw;
}
.to_teacher_page {
    background: linear-gradient(45deg, rgba(255,255,255,0.4),rgba(255,255,255,0.3)), url('../../../template/default/assets/img/top/bg1.jpg');
    background-position:  top 28% right;
    background-size: cover;
}
a.to_teacher_page {
    cursor: pointer;
}
.to_teacher_page > a {
    height: 30vh/*200px*/;
    transition: all 0.6s;
}
.to_teacher_page > a:first-child {
    background-color: rgba(153,194,153,0.7);
}
.to_teacher_page > a:first-child:hover {
    color: #006837;
    background-color: rgba(153,194,153,0.4)
}
.to_teacher_page > a:last-child:hover {
    color: #006837;
    background-color: rgba(255,255,255,0.4)
}
.to_teacher_page.not_login > a > div {
    background-color: #006837;
    padding: 1rem;
    border-radius: 1.5rem;
    transition: all 0.6s;
    max-width: 287px;
}
.to_teacher_page.not_login > a:hover > div {
    background-color: rgba( 0,104,55,0.7);
}
.to_teacher_page i {
    /*color: #006837;*/
    transition: all 0.6s;
}
.to_teacher_page > a:hover i {
    transform: translateX(10px);
}
.to_teacher_page.login > div {
    height: 30vh/*200px*/;
    width: 100%;
    background-color: rgba(153,194,153,0.7);
    transition: all 0.6s;
}
.ec-newsRole .ec-newsRole__newsTitle {
	color: #444;
}
.recommend_products, .category_4_list {
    background-color: #fff8dc/*#fffff2/*#ffffe7*/;
}
.recommend_products .ec-shelfGrid__item img {
	/*border-radius: 1.5rem;*/
}
.section_title span:after {
    content: '';
    display: block;
    width: 300px;
    height: 2px;
    background-color: #99c299;
    margin: 0.25rem auto;
}
.section_title small {
    letter-spacing: 4px;
    font-size: 70%;
    color: #99c299;
}
.ec-shelfGrid a {
    border-radius: 1rem;
    color: #333;
}
.category_2_list .ec-shelfRole, .category_3_list .ec-shelfRole, .category_4_list .ec-shelfRole {
    margin-bottom: 2rem;
}
.category_2_list {
    background: linear-gradient(45deg, rgba(255,255,255,0.7),rgba(255,255,255,0.7)), url('../../../template/default/assets/img/top/bg2.png');
    background-size: 10px auto;
}
/*
.category_3_list .ec-shelfGrid a {
    background-color: #fff8dc;
}
.category_2_list .ec-shelfGrid a, .category_4_list .ec-shelfGrid a {
	background-color: #fff;
}
*/
/*
.category_3_list .ec-shelfGrid a p {
    background-color: #fff8dc;
    margin-top: 0.5rem;
    border-radius: 1rem;
}
.category_2_list .ec-shelfGrid a p, .category_4_list .ec-shelfGrid a p {
	background-color: #fff;
	margin-top: 0.5rem;
    border-radius: 1rem;
}
*/
.category_2_list a img, .category_3_list a img, .category_4_list a img {
    border-radius: 17%/*1rem 1rem 0 0*/;
    max-width: 70px;
}
.tag_list .ec-role .row > div a {
	background-color: #fff8dc/*#fffff2/*#ffffe7*/;
	border-radius: 1.5rem;
}
img.tag_img {
    width: 45%;
    margin-bottom: 1rem;
    max-width: 70px;
}
.to_faq {
    background: linear-gradient(45deg, rgba(255,255,255,0.4),rgba(255,255,255,0.4)), url('../../../template/default/assets/img/top/bg2.png');
    background-size: 50px auto;
}
.to_faq a {
    border-radius: 1.5rem;
    /*border: 3px solid #006837;*/
    background-color: #fff8dc/*#fffff2/*#ffffe7*/;
}
.to_faq a:hover {
    color: #99c299;
    border-color: #99c299;
}
.to_faq img {
    width: 40px;
    margin-top: -5px;
    transition: all .4s;
}
.to_faq a:hover img {
    opacity: 40%;
}

/* pages */
#about_order, #guide_entry, #guide_order, #guide_payment, #guide_fee, #guide_delivery, #guide_cansel, #guide_env,
#guide_mail, #about_products, #download_contents, #soft_env, #usb_contents, #cd_contents, #anc_category_list {
	margin-top: -40px;
	padding-top: 40px;
}
.ec-role {
	color: #333;
}
.ec-pageHeader h1, .ec-mypageRole .ec-pageHeader h1 {
	font-size: 1.5rem;
	/*font-family: Kyoukasho ICA Medium, UDDigiKyokasho R JIS2004;
	letter-spacing: -0.5px;*/
	color: #006837;
	background-color: #b8d8b8;
	padding: 1rem/*0.5rem*/;
	border-bottom: none/*2px solid #006837*/;
	border-radius: 0 1rem 1rem 1rem/*0.5rem 0.5rem 0 0*/;
	display: inline-block;
}

/* product */
.ec-layoutRole__main {
    margin-top: 40px;
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: left;
}
.open_search_area {
    margin: 0 auto;
	padding: 20px;
    width: 100%;
	max-width: 1130px;
	padding-top: 15px;
	position: relative;
}
.product_list_search_block {
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	width: 100%;
	max-width: 1130px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: auto;
}
.level_all {
	width: 100%;
}
.level1 {
    width: 100%;
}
.level1 span{
    color: white
}
.level2 {
    width: 100%;
    padding-left: 1rem;
    position: relative;
    margin-bottom: 0.5rem;
}
.level2 input {
	display: none;
}
.level2::after {
	width: calc(100% - 2rem);
	height: 1px;
	background-color: #eee;
	content: '';
	position: absolute;
	bottom: 0;
	left: 1rem;
	display: block;
}
.level3 {
    width: 100%;
    padding-left: 2rem;
}
.level4 {
    padding-left: 4rem;
}
.cats {
	line-height: 1.7;
}
.cat_1 label.cat_label:after, .cat_2 label.cat_label:after {
    content: 'すべての商品';
    margin-left: -4px;
    color: white;
}
.color_white{
    color: white;
}

.cats.level_all.cat_placeholder, .type_1 .cat_2, .type_2 .cat_1, .type_1 .cat_37, .type_2 .cat_36, .type_1 .cat_39, .type_2 .cat_38 {
    display: none!important;
}
.type_1 .cat_2 + .rounded, .type_2 .cat_1 + .row {
    display: none;
}
#page_product_list .ec-shelfGrid .ec-shelfGrid__item {
	padding: 0.25rem;
	margin-bottom: 1rem;
}
#page_product_list .ec-shelfGrid .ec-shelfGrid__item a {
	background-color: lemonchiffon;
	height: 100%;
	padding: 0.75rem;
}
.ec-shelfGrid .ec-shelfGrid__item img.product_catimg {
    width: 2rem;
    margin-top: 3px;
}
.ec-shelfGrid .ec-shelfGrid__item .classcat_icons img {
    width: 1.5rem;
}
.classcat_icons svg {
	width: 1.6rem;
	height: 1.6rem;
}
.classcat_icons .classcat_icon_1 {
	fill: #1a39a6;
}
.classcat_icons .classcat_icon_2 {
	fill: #ff5f1a;
}
.classcat_icons .classcat_icon_3 {
	fill: #555;
}
#notlogin_message {
    transition: all .6s;
    display: flex;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,0.5);
    z-index: 10;
}
#notlogin_message > div {
    position: relative;
}
#notlogin_message .notlogin_message_close {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 20px;
    height: 30px;
    width: 20px;
}
.ec-productRole__price .small {
	font-size: 70%;
}
.ec-productRole .ec-productRole__description {
    border-bottom: 1px dotted #ccc;
}

/* entry */
.dl_entry_select_teacher label {
	display: none;
}

/* shopping */
.ec-cartRole {
	position: relative;
	z-index: 0;
}
.ec-blockBtn--action, a.ec-blockBtn--action, .ec-blockBtn--action:hover, a.ec-blockBtn--action:hover,
.ec-inlineBtn--action, a.ec-inlineBtn--action, .ec-inlineBtn--action:hover, a.ec-inlineBtn--action:hover,
.ec-blockBtn--cancel, a.ec-blockBtn--cancel, .ec-blockBtn--cancel:hover, a.ec-blockBtn--cancel:hover {
    color: #fff;
}
#page_shopping_login .ec-grid3__cell3 .ec-login {
    margin: auto;
    max-width: 700px;
}
.ec-orderRole .ec-rectHeading {
    margin-top: 1.5rem;
}

/* mypage */
.ec-mypageRole .ec-navlistRole .ec-navlistRole__navlist {
    border: none;
}
.ec-mypageRole .ec-navlistRole .ec-navlistRole__item {
	border-width: 2px;
	background-color: #006e3f/*#fff8dc*/;
	border-color: #fff;
	border-radius: 0 1rem 1rem;
}
.ec-mypageRole .ec-navlistRole .ec-navlistRole__item a {
	/*font-family: TBUDGothic E;*/
	font-weight: normal;
	padding: 0.5rem 0.2rem;
	color: #fff;
}
.ec-mypageRole .ec-navlistRole .ec-navlistRole__item.active a {
	color: #fff8dc;
}

/* shop_info */
.green_area {
    background: linear-gradient(45deg, rgba(255,255,255,0.6),rgba(255,255,255,0.6)), url('../../../template/default/assets/img/top/bg2.png');
    background-size: 8px auto;
}
h5.text_green {
    border-bottom: 2px solid #b8d8b8;
}
.text_green.bg_cornsilk {
	margin-left: -0.25rem;
}
.map {
	height: 0;
	overflow: hidden;
	padding-bottom: 75%;
	position: relative;
}
.map iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

/* faq */
.faq_q img, .faq_a img {
    width: 3rem;
}

/* traderaw */
.ec-borderedDefs dt {
	line-height: 1.7;
	padding-top: 0;
}
.ec-borderedDefs dd {
	line-height: 2;
}
.ec-borderedDefs dd ul {
	padding-left: 1rem;
}
#tradelaw_a1, #tradelaw_a2, #tradelaw_a3 {
    margin-top: -45px;
    padding-top: 60px;
}

/* privacy */
#page_help_privacy ol > li > ol {
    list-style:none;
    counter-reset: ol_cnt; 
}
#page_help_privacy ol > li > ol > li:before {
    counter-increment: ol_cnt;
    content: "("counter(ol_cnt)")";
}

@media all and (min-width: 400px) {
    .to_teacher_page.not_login > a > div {
        max-width: 100%;
    }
}
@media all and (min-width: 576px) {
    html {
        font-size: 16px;
    }
    .ec-cartNavi {
        display: flex;
    	padding: 8px 10px 3px;
    }
    .ec-cartNavi .ec-headerNav__itemLink {
	    display: inline-block;
    }
    .ec-headerNav__item.item_login a {
    	flex-direction: row;
    }
    .ec-headerNav__item.item_login a span {
    	font-size: 14px;
    }
    .ec-cartNavi .ec-cartNavi__badge {
    	display: inline-block;
    	min-width: 17px;
    	position: relative;
    	left: -5px;
    	top: 0;
    }
    .ec-headerRole__cart .ec-cartNavi span.ec-headerNav__itemLink {
    	font-size: 14px
    }
    .message .lead {
    	font-size: 1.25rem;
    }
}
@media all and (min-width: 768px) {
    .ec-layoutRole__header {
        position: fixed;
        z-index: 10;
        width: 100%;
        background-color: #fff;
    }
    .ec-layoutRole__contents {
        padding-top: 156px;
    }
    .ec-layoutRole__main {
        margin-top: 0;
    }
    .top_slider_block {
        margin-top: 0;
    }
    .ec-headerNav {
    	padding-top: 0;
    }
    .ec-cartNavi {
    	min-width: 0;
    	background: #fff;
    	padding-top: 3px;
    }
    
    .ec-cartNavi .ec-cartNavi__badge {
    	left: -5px;
    }
    .ec-categoryNaviRole > div {
        width: 18%;
    }
    .ec-categoryNaviRole > div:nth-child(3) {
        width: 28%;
    }
    /* main */
    .ec-layoutRole__contents {
        padding-top: 148px;
    }
    .about_payment > div:first-child {
        border-radius: 1.5rem 0 0 1.5rem;
        border-bottom: none;
        /*border-right: 1px solid #cfe2cf;*/
    }
    /* toppage */
    .main_visual img {
        height: calc(70vh - 148px);
    }
    .to_teacher_page.login > div {
        width: 50%;
        height: 280px;
    }
    .to_teacher_page > a {
        height: 280px;
    }
    .cat_list li a {
        font-size: 1rem/*1.7vw*/;
    }
    .open_search_area,.product_list_search_block {
    	width: 100%;
    }
    
    /* product */
    .ec-productRole .ec-productRole__title .ec-headingTitle {
    	font-size: 28px;
    	line-height: 1.4;
    }
    
    /* login */
    .ec-login {
        padding: 30px 10% 60px;
    }
    
    /* shopping */
    .ec-orderRole {
        align-items: flex-start;
    }
    
    /* tradelaw */
    #tradelaw_a1, #tradelaw_a2, #tradelaw_a3 {
        margin-top: -150px;/*-168px;*/
        padding-top: 150px;
    }
    
    /* guide */
    #about_order, #guide_entry, #guide_order, #guide_payment, #guide_fee, #guide_delivery, #guide_cansel, #guide_env,
    #guide_mail, #about_products, #download_contents, #soft_env, #usb_contents, #cd_contents, #anc_category_list {
    	margin-top: -150px;
    	padding-top: 150px;
    }
}
@media all and (min-width: 992px) {
    .cat_list li a {
        font-size: 1rem/*1.25vw*/;
    }
}
@media all and (min-width: 1240px) {
    
}

/* move */
.move {
    transition: all .8s;
    transform: translateY(200px);
    opacity: 0;
}
.move.active {
    transition: all .8s;
    transform: translateY(0);
    opacity: 1;
}
.move.slide_in {
    transform: translate(-200px, 0);
}
.move.slide_in.active {
    transform: translateX(0);
}
.move.delay_1 {
    transition-delay: .1s;
}
.move.delay_2 {
    transition-delay: .2s;
}
.move.delay_3 {
    transition-delay: .3s;
}
.move.delay_4 {
    transition-delay: .4s;
}
.move.delay_5 {
    transition-delay: .5s;
}
.move.delay_6 {
    transition-delay: .6s;
}
.banner {
    margin: auto;
}

.banner img{
    width: 600px;
    max-width: 80%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.main_margin{
    margin-top: 50px;
}

.ec-layoutRole__mainTop{
   background-color: rgba(27,20,100,1);
}
.open_search_area a{
    color: white !important;
}

.col-lg-3 p{
    color: white;
}

.cat_1 label{
    color: white;
}

.cat_36 label{
    color: white;
}

.tag_id label{
    color: white;
}
.btn-outline-success{
    color: white;
    border-color: #198754;
    background-color: #198754;
}