/*
Theme Name: WhiteCube
Version: 1.0.1
Note: All content are copyrighted by author. Please, don't steal anything.
*/
/**
TABLE OF CONTENTS
- Global
	- bootstrap-theme
	- utility
- UI
	- header
	- footer
	- headline
	- box
	- list
	- form
	- table
	- nav
	- slider
	- shopping-guide
- Pages
	- cart
	- products
	- shopping
	- windowcolumn
*/
/* ------------------------------------- */
/*   bootstrap-theme   */
/* ------------------------------------- */
/*  eccube style  */
/*--------------------------------- */

@font-face {
	font-family: "YuGothic-M";
	font-weight: normal;
	 src: local("YuGothic-Medium"),
		  local("Yu Gothic Medium"),
		  local("YuGothic-Regular");
}

@font-face {
	font-family: "YuGothic-M";
	font-weight: bold;
	 src: local("YoGothic-Bold"),
		  local("Yu Gothic");
}



body {
	font-family: -apple-system, blinkMacSystemFont, YuGothic-M, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.tex-c{
    text-align: center;
}

.attention,
.point {
  color: #E64E4E;
}

.message {
  color: #5B5B5B;
  font-size: 14px;
}

.box60 {
  width: 60px;
}
@media (max-width: 767px) {
  .box60 {
    width: 50px;
  }
}

.box80 {
  width: 80px;
}

.box120 {
  width: 100%;
}
@media (min-width: 768px) {
  .box120 {
    width: 120px;
  }
}

.box300 {
  width: 100%;
}
@media (min-width: 768px) {
  .box300 {
    width: 300px;
  }
}

.box380 {
  width: 100%;
}
@media (min-width: 768px) {
  .box380 {
    width: 380px;
  }
}

/*  body  */
/*--------------------------------- */
body {
  font-family: "游ゴシック","Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #47A7DE;
  font-size: 16px;
  font-weight: 500; 
}

/*  link  */
/*--------------------------------- */
a {
  transition: .2s;
  color: #5B5B5B;
}
a:hover {
  text-decoration: none;
  color: #c32927;
}

/*  headline  */
/*--------------------------------- */
h1 {
  font-size: 32px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 1.3em;
    font-weight: 600;
    color: #47A7DE;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

p{
    color: #47A7DE;
}




/*  list  */
/*--------------------------------- */
dl dt {
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 14px;
}
dl.dl-horizontal dt {
  margin-top: 0;
}

/*  img  */
/*--------------------------------- */
.img-responsive {
  margin: 0 auto;
}

/*  table  */
/*--------------------------------- */
table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
table thead > tr > th,
table tbody > tr > th,
table tfoot > tr > th,
table thead > tr > td,
table tbody > tr > td,
table tfoot > tr > td {
  padding: 8px;
  line-height: 1.4;
  vertical-align: top;
  border-top: 1px solid #ECEAEB;
}
@media (max-width: 991px) {
  table thead > tr > th,
  table tbody > tr > th,
  table tfoot > tr > th,
  table thead > tr > td,
  table tbody > tr > td,
  table tfoot > tr > td {
    padding: 4px;
  }
}

/*  form  */
/*--------------------------------- */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  border-radius: 0;
  border: 1px solid #ECEAEB;
  background-color: #fafafa;
}

select {
  width: 100%;
  border-radius: 0;
}

@media (min-width: 768px) {
  .input-group {
    display: inline-block;
  }
  .input-group .form-control {
    width: 150px;
  }
  .input-group .input-group-btn {
    width: auto;
  }
}

/*  well  */
/*--------------------------------- */
.well {
  margin-bottom: 30px;
  border-radius: 0;
  border: none;
  color: #444;
  background-color: #f4f4f4;
  box-shadow: none;
}
.well p {
  margin-bottom: 0;
}

/* ------------------------------------- */
/*   utility: global class   */
/*		- display
/*		- position
/*		- padding
/*		- margin
/*		- border
/*		- font
/*		- background
/* ------------------------------------- */
/**
 *	display
 */
.div-inline > div {
  display: inline-block;
}

/**
 *	position
 */
.position-relative {
  position: relative;
}

.top-left {
  position: absolute;
  top: 15px;
  left: 15px;
}

.top-left-fit {
  position: absolute;
  top: 0;
  left: 0;
}

.top-left-xs {
  position: absolute;
  top: 5px;
  left: 5px;
}

.top-left-sm {
  position: absolute;
  top: 10px;
  left: 10px;
}

.top-left-lg {
  position: absolute;
  top: 30px;
  left: 30px;
}

.top-right {
  position: absolute;
  top: 15px;
  right: 15px;
}

.top-right-fit {
  position: absolute;
  top: 0;
  right: 0;
}

.top-right-xs {
  position: absolute;
  top: 5px;
  right: 5px;
}

.top-right-sm {
  position: absolute;
  top: 10px;
  right: 10px;
}

.top-right-lg {
  position: absolute;
  top: 30px;
  right: 30px;
}

.bottom-left {
  position: absolute;
  bottom: 15px;
  left: 15px;
}

.bottom-left-fit {
  position: absolute;
  bottom: 0;
  left: 0;
}

.bottom-left-xs {
  position: absolute;
  bottom: 5px;
  left: 5px;
}

.bottom-left-sm {
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.bottom-left-lg {
  position: absolute;
  bottom: 30px;
  left: 30px;
}

.bottom-right {
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.bottom-right-fit {
  position: absolute;
  bottom: 0;
  right: 0;
}

.bottom-right-xs {
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.bottom-right-sm {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.bottom-right-lg {
  position: absolute;
  bottom: 30px;
  right: 30px;
}

/**
 *	padding
 */
.padding-none {
  padding: 0;
}

.padding-row {
  padding-top: 15px;
  padding-bottom: 15px;
}
.padding-row.ui-section {
  padding-top: 60px;
  padding-bottom: 60px;
}

.padding-row-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}
.padding-row-xs.ui-section {
  padding-top: 20px;
  padding-bottom: 20px;
}

.padding-row-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padding-row-sm.ui-section {
  padding-top: 30px;
  padding-bottom: 30px;
}

.padding-row-lg {
  padding-top: 30px;
  padding-bottom: 30px;
}
.padding-row-lg.ui-section {
  padding-top: 120px;
  padding-bottom: 120px;
}

.padding-row-none {
  padding-top: 0;
  padding-bottom: 0;
}

.padding-box {
  padding: 15px;
}
.padding-box.ui-section {
  padding: 60px;
}

.padding-box-xs {
  padding: 5px;
}
.padding-box-xs.ui-section {
  padding: 20px;
}

.padding-box-sm {
  padding: 10px;
}
.padding-box-sm.ui-section {
  padding: 30px;
}

.padding-box-lg {
  padding: 30px;
}
.padding-box-lg.ui-section {
  padding: 120px;
}

.padding-box-none {
  padding: 0;
}

.padding-gutter {
  padding-left: 15px;
  padding-right: 15px;
}
.padding-gutter.row {
  padding: 0;
  margin-left: -15px;
  margin-right: -15px;
}
.padding-gutter.row > div {
  padding-left: 15px;
  padding-right: 15px;
}

.padding-gutter-xs {
  padding-left: 5px;
  padding-right: 5px;
}
.padding-gutter-xs.row {
  padding: 0;
  margin-left: -5px;
  margin-right: -5px;
}
.padding-gutter-xs.row > div {
  padding-left: 5px;
  padding-right: 5px;
}

.padding-gutter-sm {
  padding-left: 10px;
  padding-right: 10px;
}
.padding-gutter-sm.row {
  padding: 0;
  margin-left: -10px;
  margin-right: -10px;
}
.padding-gutter-sm.row > div {
  padding-left: 10px;
  padding-right: 10px;
}

.padding-gutter-lg {
  padding-left: 30px;
  padding-right: 30px;
}
.padding-gutter-lg.row {
  padding: 0;
  margin-left: -30px;
  margin-right: -30px;
}
.padding-gutter-lg.row > div {
  padding-left: 30px;
  padding-right: 30px;
}

.padding-gutter-none {
  padding-left: 0;
  padding-right: 0;
}
.padding-gutter-none.row {
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}
.padding-gutter-none.row > div {
  padding-left: 0;
  padding-right: 0;
}

/**
 *	margin
 */
.margin-none {
  margin: 0;
}

.margin-row {
  margin-top: 15px;
  margin-bottom: 15px;
}
.margin-row.ui-section {
  margin-top: 60px;
  margin-bottom: 60px;
}

.margin-row-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}
.margin-row-xs.ui-section {
  margin-top: 20px;
  margin-bottom: 20px;
}

.margin-row-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.margin-row-sm.ui-section {
  margin-top: 30px;
  margin-bottom: 30px;
}

.margin-row-lg {
  margin-top: 30px;
  margin-bottom: 30px;
}
.margin-row-lg.ui-section {
  margin-top: 120px;
  margin-bottom: 120px;
}

.margin-row-none {
  margin-top: 0;
  margin-bottom: 0;
}

.margin-section-xs {
  margin-bottom: 20px;
}

.margin-section-sm {
  margin-bottom: 30px;
}

.margin-section-lg {
  margin-bottom: 120px;
}

.margin-section-none {
  margin-bottom: 0;
}

.margin-content {
  margin-bottom: 15px;
}

.margin-content-xs {
  margin-bottom: 5px;
}

.margin-content-sm {
  margin-bottom: 10px;
}

.margin-content-lg {
  margin-bottom: 30px;
}

.margin-content-none {
  margin-bottom: 0;
}

/**
 *	border
 */
.border-none {
  border: none;
}

.border-box {
  border: 1px solid #ECEAEB;
}

.divider {
  border-bottom: 1px solid #ECEAEB;
}

.divider-dotted {
  border-bottom: 1px dotted #ECEAEB;
}

.border-radius {
  border-radius: 0;
}

.border-radiusp-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.border-radiusp-bottom {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.border-radiusp-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.border-radiusp-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/**
 *	font
 */
.headline-h1 {
  font-size: 32px;
}

.headline-h2 {
  font-size: 24px;
}

.headline-h3 {
  font-size: 18px;
}

.headline-h4 {
  font-size: 16px;
}

.headline-h5 {
  font-size: 14px;
}

.headline-h6 {
  font-size: 12px;
}

.text-size-xs {
  font-size: 10px;
}

.text-size-sm {
  font-size: 12px;
}

.text-size-lg {
  font-size: 18px;
}

.text-bold {
  font-weight: bold;
}

.text-italic {
  font-style: italic;
}

.color-black {
  color: #000;
}

.color-gray-darker {
  color: #222222;
}

.color-gray-dark {
  color: #333333;
}

.color-gray {
  color: #555555;
}

.color-gray-light {
  color: #777777;
}

.color-gray-lighter {
  color: #eeeeee;
}

.color-main {
  color: #ECEAEB;
}

.color-sub {
  color: #fff;
}

.color-accent {
  color: #D02C2A;
}

.color-link {
  color: #D02C2A;
}

.color-hover {
  color: #c32927;
}

.hover-color-main:hover {
  color: #ECEAEB;
}

.hover-color-sub:hover {
  color: #fff;
}

.hover-color-accent:hover {
  color: #D02C2A;
}

.hover-color-link:hover {
  color: #D02C2A;
}

.hover-color-hover:hover {
  color: #c32927;
}

/**
 *	background
 */
.fill-black {
  background-color: #000;
}

.fill-gray-darker {
  background-color: #222222;
}

.fill-gray-dark {
  background-color: #333333;
}

.fill-gray {
  background-color: #555555;
}

.fill-gray-light {
  background-color: #777777;
}

.fill-gray-lighter {
  background-color: #eeeeee;
}

.fill-main {
  background-color: #ECEAEB;
}

.fill-sub {
  background-color: #fff;
}

.fill-accent {
  background-color: #D02C2A;
}

.fill-link {
  background-color: #D02C2A;
}

.fill-hover {
  background-color: #c32927;
}

.hover-fill-black:hover {
  background-color: #000;
}

.hover-fill-gray-darker:hover {
  background-color: #222222;
}

.hover-fill-gray-dark:hover {
  background-color: #333333;
}

.hover-fill-gray:hover {
  background-color: #555555;
}

.hover-fill-gray-light:hover {
  background-color: #777777;
}

.hover-fill-gray-lighter:hover {
  background-color: #eeeeee;
}

.hover-fill-main {
  background-color: #ECEAEB;
}

.hover-fill-sub {
  background-color: #fff;
}

.hover-fill-accent {
  background-color: #D02C2A;
}

.hover-fill-link {
  background-color: #D02C2A;
}

.hover-fill-hover {
  background-color: #c32927;
}

/* ------------------------------------- */
/*  header: ヘッダーのスタイル
/*		- ui-header
/*		- ui-topbar
/* ------------------------------------- */
/*  layout  */
/*--------------------------------- */
.ui-header #site_description {
  margin-bottom: 0;
  font-size: 12px;
}
.ui-header .logo .title {
  margin: 0;
  font-size: 32px;
}
.ui-header .logo img {
  max-width: 100%;
}

/**
 *	ui-topbar
 */
.ui-topbar .topbar-body {
  padding: 3px 0;
  border-top: 3px solid #ECEAEB;
  border-bottom: 1px solid #ECEAEB;
  font-size: 12px;
}
.ui-topbar .topbar-body ul,
.ui-topbar .topbar-body p {
  margin-bottom: 0;
}
.ui-topbar .topbar-body .btn {
  padding: 0 3px;
}
.ui-topbar .topbar-body .header-login-block {
  text-align: right;
}
@media (min-width: 768px) {
  .ui-topbar .topbar-body input[type="text"],
  .ui-topbar .topbar-body input[type="email"],
  .ui-topbar .topbar-body input[type="password"] {
    width: 130px;
  }
}

/* ------------------------------------- */
/*  footer: フッターのスタイル
/*		- ui-footer
/*		- footerbottomcolumn
/* ------------------------------------- */
.ui-footer {
  font-size: 12px;
  background-color: #ECEAEB;
}
.ui-footer .footer-body {
  border-top: 1px solid #ECEAEB;
}
.ui-footer #pagetop {
  margin-bottom: 10px;
}

/**
 *	footer bottom column
 */
#footerbottomcolumn {
  border-top: 1px solid #ECEAEB;
}

/* ------------------------------------- */
/*  hadline: 見出しのスタイル
/*		- ui-headline
/*		- page-title
/*		- section-title
/*		- content-title
/* ------------------------------------- */
.ui-headline {
  position: relative;
}
.ui-headline .title {
  display: inline-block;
  margin: 0;
}
.ui-headline .title.title-colored {
  font-size: 18px;
}
.ui-headline .list-link {
  position: absolute;
  right: 15px;
  bottom: 15px;
  margin: 0;
}

/**
 *	page-title
 */
.page-title {
  padding-bottom: 10px;
  margin-bottom: 40px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.page-title .title {
  color: #5B5B5B;
  font-size: 32px;
  font-weight: normal;
}

/**
 *	section-title
 */
.section-title {
  margin-bottom: 25px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.section-title .title {
  color: #5B5B5B;
  font-size: 18px;
}
.section-title .title img {
  margin-left: 20px;
}

.ui-content .section-title:before {
  content: "";
  display: block;
  border-top: solid 1px #ECEAEB;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: 1;
}
.ui-content .section-title .title {
  background: #fff;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 20px;
  position: relative;
  z-index: 5;
}
.ui-content .section-title.text-center .title {
  padding-left: 20px;
}

/**
 *	side-title
 */
.side-title {
  margin-bottom: 0;
  padding: 10px;
  background-color: #ECEAEB;
}
.side-title .title {
  color: #5B5B5B;
  font-size: 14px;
  font-weight: bold;
}

/* ------------------------------------- */
/*  button: ボタンのスタイル
/*		- ui-form 	
/*		- @block: search_products, login
/*		- @plugin: 
/* ------------------------------------- */
.btn {
  border-radius: 2px;
  width: 100%;
}
@media (max-width: 767px) {
  .btn {
    width: 100%;
    padding: 8px 12px;
  }
}

div.btn,
li.btn,
p.btn {
  padding: 0;
  border: none;
  cursor: none;
}
div.btn:active,
li.btn:active,
p.btn:active {
  box-shadow: none;
}

/**
 *	btn style
 */
.btn-default {
  color: #5B5B5B;
  background-color: #fff;
  border: 1px solid #ECEAEB;
}
.btn-default:hover {
  border: 1px solid #ECEAEB;
  background-color: #ECEAEB;
}

.btn-black {
  color: #fff;
  border: 1px solid #333;
  background-color: #333;
}
.btn-black:hover {
  color: #fff;
  background-color: #444;
}

.btn-border {
  color: #5B5B5B;
  background-color: #fff;
  border: 1px solid #ECEAEB;
}
.btn-border:hover {
  background-color: #ECEAEB;
}

/* ------------------------------------- */
/*  content box: 商品リストのスタイル
/*		- ui-box
/*		- ui-side > ui-box
/*		- @block: recommend
/*		- @plugin: plg_ranking, plg_newProduct
/* ------------------------------------- */
.ui-box {
  text-align: center;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .ui-box {
    font-size: 12px;
  }
}
.ui-box .box-image {
  margin-bottom: 10px;
}
.ui-box .box-title {
  margin-bottom: 5px;
}
.ui-box .box-title .title {
  color: #333333;
  font-size: 13px;
}
.ui-box .box-title .title a {
  color: #333333;
}
.ui-box .box-title .title a:hover {
  color: #D02C2A;
}
.ui-box .description,
.ui-box ul, .ui-box p {
  margin-bottom: 5px;
}
.ui-box .rank_num {
  padding: 2px 4px;
  margin-right: 5px;
  border: 1px solid #ECEAEB;
  color: #5B5B5B;
  font-size: 10px;
}
.ui-box .item-price {
  color: #5B5B5B;
  font-weight: bold;
}
.ui-box .item-price del {
  color: #777777;
  font-weight: normal;
}
.ui-box .item-price .price {
  color: #5B5B5B;
}
@media (min-width: 768px) {
  .ui-box .col-left-fit {
    padding-right: 0;
  }
  .ui-box .col-left-sm {
    padding-right: 10px;
  }
  .ui-box .col-left-lg {
    padding-right: 30px;
  }
}

.ui-side .ui-box {
  text-align: left;
}

@media (max-width: 767px) {
  .ui-box .status-icon img {
    width: 50px;
    margin-bottom: 3px;
  }
}

/* ------------------------------------- */
/*  list: リストコンテンツのスタイル
/*		- ui-list
/*		- list-category
/*		- @block: news, category
/*		- @plugin: 
/* ------------------------------------- */
.ui-list .date {
  font-size: 12px;
}
.ui-list.list-news .list-body {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ECEAEB;
}
.ui-list.list-scroll {
  overflow-y: scroll;
  max-height: 300px;
  padding: 5px 15px;
  border: 1px solid #ECEAEB;
}

/**
 *	list-category
 */
.ui-list.list-category {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
}
.ui-list.list-category li {
  padding: 5px 0;
}
.ui-list.list-category a {
  font-size: 14px;
  font-weight: bold;
}
.ui-list.list-category ul {
  list-style: disc;
  padding-left: 15px;
}

/* ------------------------------------- */
/*  form: フォームのスタイル
/*		- ui-form 	
/*		- @block: search_products, login
/*		- @plugin: 
/* ------------------------------------- */
.ui-form .formlist dt {
  color: #5B5B5B;
  font-size: 12px;
}

/* ------------------------------------- */
/*  table: tableのスタイル
/*		- ui-table
/*		- @block: calendar
/*		- @plugin: 
/*		- @page: contact, cart
/* ------------------------------------- */
.ui-table {
  border: none !important;
}
.ui-table tr th {
  border: none !important;
  color: #5B5B5B;
  background-color: #f4f4f4;
}
.ui-table tr td {
  border: none !important;
}
.ui-table tr td select {
  margin-bottom: 10px;
  max-width: 150px;
}
.ui-table tr td input {
  padding: 2px 6px;
}

/**
 *	carendar
 */
.ui-side .ui-table caption {
  text-align: center;
}
@media (min-width: 768px) {
  .ui-side .ui-table > thead > tr > th {
    padding: 3px;
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .ui-side .ui-table > thead > tr > th {
    padding: 6px;
  }
}
.ui-side .ui-table > tbody > tr > td {
  border: none;
}
.ui-side .ui-table > tbody > tr > td.off {
  background-color: #FFCFCF;
}
@media (min-width: 768px) {
  .ui-side .ui-table > tbody > tr > td {
    padding: 3px;
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .ui-side .ui-table > tbody > tr > td {
    padding: 6px;
  }
}

/* ------------------------------------- */
/*  nav: ナビゲーションのスタイル
/*		- ui-nav
/*		- @block: 
/*		- @plugin: plg_Tetra_PulldownNav
/* ------------------------------------- */
.ui-nav {
  min-height: 0;
  border-radius: 0;
  border: none;
  border-top: 1px solid #ECEAEB;
  border-bottom: 1px solid #ECEAEB;
  background-color: #fff;
}
.ui-nav .navbar-brand {
  color: #5B5B5B;
  font-size: 14px;
  font-weight: normal;
}
.ui-nav .navbar-toggle {
  border: none;
}
.ui-nav .navbar-toggle:hover, .ui-nav .navbar-toggle:active, .ui-nav .navbar-toggle:focus {
  background-color: transparent;
}
.ui-nav .navbar-toggle .icon-bar {
  background-color: #5B5B5B;
}
@media (min-width: 768px) {
  .ui-nav .nav > li {
    margin: 0 1px;
    color: #ECEAEB;
    background-color: #fff;
  }
  .ui-nav .nav > li:hover, .ui-nav .nav > li:focus {
    color: #5B5B5B;
  }
  .ui-nav .nav > li.active > a {
    color: #5B5B5B;
    font-weight: normal;
    background-color: #ECEAEB;
  }
  .ui-nav .nav > li > a {
    padding: 15px 20px;
    color: #5B5B5B;
  }
  .ui-nav .nav > li > a:hover, .ui-nav .nav > li > a:focus {
    color: #5B5B5B;
    background-color: #ECEAEB;
  }
  .ui-nav .nav .dropdown-menu > li > a:hover {
    background-color: #ECEAEB;
  }
}

/**
 *	hover-open
 */
@media (min-width: 768px) {
  .ui-nav.open-hover .dropdown:hover > .dropdown-menu {
    display: block;
  }
}

/**
 *	submenu
 */
.ui-nav .dropdown-submenu {
  position: relative;
}
.ui-nav .dropdown-submenu > .dropdown-menu {
  top: 0 !important;
  left: 101%;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.ui-nav .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.ui-nav .dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}
.ui-nav .dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}
.ui-nav .dropdown-submenu.pull-left {
  float: none;
}
.ui-nav .dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

/* ------------------------------------- */
/*  slider: スライダーのスタイル
/*    - ui-slider
/*    - @block: 
/*    - @plugin: plg_Tetra_slider_area
/* ------------------------------------- */
.ui-slider .carousel-indicators li {
  border: 1px solid #ECEAEB;
}
.ui-slider .carousel-indicators li.active {
  background-color: #ECEAEB;
}
.ui-slider .carousel-inner .item {
  text-align: center;
}
.ui-slider .carousel-inner .item img {
  display: inline-block;
}
.ui-slider .carousel-control {
  opacity: 1;
  width: 8%;
  text-shadow: none;
}
.ui-slider .carousel-control .glyphicon {
  opacity: .3;
}
.ui-slider .carousel-control:hover {
  color: #ECEAEB;
  background-color: transparent;
}
.ui-slider .carousel-control:hover .glyphicon {
  opacity: 1;
}
.ui-slider .carousel-control.left {
  filter: none;
  background-image: none;
}
.ui-slider .carousel-control.right {
  filter: none;
  right: 0;
  background-image: none;
}

/* ------------------------------------- */
/*  shoppingu guide: ガイドのスタイル
/*    - shopping_guide
/*    - @block: 
/*    - @plugin: plg_Tetra_FotterGuide_area 
/* ------------------------------------- */
#shopping_guide {
  margin-bottom: 40px;
  padding: 20px;
  border: 1px solid #ECEAEB;
  font-size: 12px;
}
#shopping_guide .footer_title {
  padding-bottom: 5px;
  padding-left: 20px;
  margin: -10px -20px 0 -20px;
  border-bottom: 1px solid #ECEAEB;
  color: #5B5B5B;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
#shopping_guide .footer_title span {
  font-size: 10px;
}
#shopping_guide .guide_title {
  padding: 6px 10px;
  margin-top: 20px;
  margin-bottom: 10px;
  border: 1px solid #ECEAEB;
}
#shopping_guide .guide_body ul li {
  margin-bottom: 5px;
}
#shopping_guide .guide_body img {
  max-width: 100%;
  max-height: 100%;
}

/* ------------------------------------- */
/*   Cart: カートページのスタイル
/* ------------------------------------- */
#undercolumn_cart .point_announce {
  margin-bottom: 20px;
}
#undercolumn_cart .point_announce .price {
  color: #f00;
  font-weight: bold;
  padding: 0 5px;
}
#undercolumn_cart .totalmoney_area {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #undercolumn_cart .form_area table #quantity_level li {
    padding: 0;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
#undercolumn_cart .form_area table #quantity_level li a i {
  font-size: 18px;
}

/* ------------------------------------- */
/*  products: 商品ページのスタイル
/*    - page-navi
/*    - product-list
/*    - product-detail
/* ------------------------------------- */
/**
 *	page-navi
 */
#undercolumn #page_navi_top,
#undercolumn #page_navi_bottom {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #undercolumn #page_navi_top,
  #undercolumn #page_navi_bottom {
    margin-top: 20px;
  }
}
#undercolumn #page_navi_top .item_num,
#undercolumn #page_navi_bottom .item_num {
  margin-bottom: 15px;
  color: #5B5B5B;
  font-weight: bold;
}
#undercolumn #page_navi_top .change,
#undercolumn #page_navi_bottom .change {
  text-align: right;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ECEAEB;
}
@media (max-width: 767px) {
  #undercolumn #page_navi_top .change,
  #undercolumn #page_navi_bottom .change {
    text-align: center;
  }
}
#undercolumn #page_navi_top .change a,
#undercolumn #page_navi_bottom .change a {
  margin-right: 5px;
  padding: 6px 12px;
  border-radius: 2px;
  border: 1px solid #ECEAEB;
  font-size: 12px;
}
#undercolumn #page_navi_top .change a:hover,
#undercolumn #page_navi_bottom .change a:hover {
  color: #fff;
  text-decoration: none;
  border-color: #5B5B5B;
  background-color: #5B5B5B;
}
#undercolumn #page_navi_top .change select,
#undercolumn #page_navi_bottom .change select {
  width: 80px;
  height: 30px;
  border: 1px solid #ECEAEB;
  background-color: #fff;
}
@media (max-width: 767px) {
  #undercolumn #page_navi_top .change select,
  #undercolumn #page_navi_bottom .change select {
    width: 100%;
    margin-top: 20px;
  }
}
#undercolumn #page_navi_top .navi,
#undercolumn #page_navi_bottom .navi {
  text-align: center;
  color: #5B5B5B;
}
#undercolumn #page_navi_top .navi a,
#undercolumn #page_navi_bottom .navi a {
  display: inline-block;
  margin-bottom: 10px;
  padding: 6px 10px;
  border-radius: 2px;
  border: 1px solid #ECEAEB;
  font-size: 12px;
}
#undercolumn #page_navi_top .navi a:hover,
#undercolumn #page_navi_bottom .navi a:hover {
  color: #fff;
  text-decoration: none;
  border-color: #5B5B5B;
  background-color: #5B5B5B;
}

/**
 *	product-list
 */
.list-products {
  text-align: left;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ECEAEB;
}
.list-products:last-child {
  border: none;
}
.list-products .status_icon li {
  padding-right: 0;
}
.list-products .product-title {
  margin-bottom: 30px;
}
.list-products .product-title .title {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  color: #5B5B5B;
  font-size: 24px;
}
.list-products .normal_price,
.list-products .sale_price {
  margin-bottom: 15px;
  color: #5B5B5B;
  font-weight: bold;
}
.list-products .normal_price .price,
.list-products .sale_price .price {
  font-size: 18px;
}
.list-products .listcomment {
  margin-bottom: 15px;
}
.list-products .cart_area {
  padding-top: 15px;
  border-top: 2px solid #ECEAEB;
}
@media (min-width: 768px) {
  .list-products .cart_area select {
    width: 130px;
  }
}
@media (min-width: 768px) {
  .list-products .cart_area input[type="text"] {
    width: 100px;
    margin-left: 6px;
  }
}
.list-products .cart_area dl {
  margin-bottom: 0;
}
.list-products .cart_area dl:last-child {
  margin-bottom: 15px;
}
.list-products .cart_area dl dt {
  display: inline-block;
  width: auto;
  color: #333333;
}
.list-products .cart_area dl dd {
  display: inline-block;
}
.list-products .cart_area .quantity {
  margin-bottom: 15px;
  margin-right: 15px;
}
.list-products .cart_area .cartin_btn .btn {
  width: 150px;
}
@media (max-width: 767px) {
  .list-products .cart_area .cartin_btn .btn {
    width: 100%;
    padding: 8px 12px;
  }
}
.list-products .description {
  margin-bottom: 15px;
}
.list-products .detail_btn .btn {
  margin-bottom: 15px;
}

/**
 *	product-detail
 */
#detailarea #detailphotobloc {
  margin-bottom: 20px;
}
#detailarea #detailphotobloc img {
  margin-bottom: 5px;
}
#detailarea #detailrightbloc .status_icon li {
  padding-right: 0;
}
#detailarea #detailrightbloc .product-title {
  margin-bottom: 30px;
}
#detailarea #detailrightbloc .product-title .title {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  color: #5B5B5B;
  font-size: 24px;
}
#detailarea #detailrightbloc .dl-horizontal {
  margin-bottom: 5px;
}
#detailarea #detailrightbloc .dl-horizontal dt {
  display: inline-block;
  width: 100px;
  color: #5B5B5B;
  font-size: 12px;
}
@media (min-width: 768px) {
  #detailarea #detailrightbloc .dl-horizontal dt {
    width: 100px;
  }
}
#detailarea #detailrightbloc .dl-horizontal dd {
  display: inline-block;
}
@media (min-width: 768px) {
  #detailarea #detailrightbloc .dl-horizontal dd {
    margin-left: 0;
  }
}
#detailarea #detailrightbloc .price-area,
#detailarea #detailrightbloc .spec-area,
#detailarea #detailrightbloc .main_comment {
  margin-bottom: 15px;
}
#detailarea #detailrightbloc .normal_price .price,
#detailarea #detailrightbloc .sale_price .price {
  color: #5B5B5B;
  font-size: 18px;
  font-weight: bold;
}
#detailarea #detailrightbloc .cart_area {
  padding-top: 15px;
  border-top: 2px solid #ECEAEB;
}
@media (min-width: 768px) {
  #detailarea #detailrightbloc .cart_area select {
    width: 130px;
  }
}
@media (min-width: 768px) {
  #detailarea #detailrightbloc .cart_area input[type="text"] {
    width: 100px;
    margin-left: 6px;
  }
}
#detailarea #detailrightbloc .cart_area .quantity {
  margin-bottom: 15px;
}
#detailarea #detailrightbloc .cart_area .quantity dt {
  display: inline-block;
  width: auto;
  color: #333333;
}
#detailarea #detailrightbloc .cart_area .quantity dd {
  display: inline-block;
}
@media (min-width: 768px) {
  #detailarea #detailrightbloc .cart_area .quantity dd {
    margin-left: 20px;
  }
}
#detailarea #detailrightbloc .cart_area .cartin_btn {
  margin-bottom: 15px;
}
#detailarea #detailrightbloc .cart_area .cartin_btn .btn {
  width: 250px;
}
@media (max-width: 767px) {
  #detailarea #detailrightbloc .cart_area .cartin_btn .btn {
    width: 100%;
    padding: 8px 12px;
  }
}

#subcomment_area {
  margin-bottom: 60px;
}
#subcomment_area .sub_area {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ECEAEB;
}
#subcomment_area .sub-title {
  margin-bottom: 15px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 16px;
}
#subcomment_area .mini {
  display: inline-block;
  margin-top: 5px;
}

#customervoice_area {
  margin-bottom: 40px;
}
#customervoice_area .review_bloc {
  padding: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ECEAEB;
}
#customervoice_area .review_bloc p {
  display: inline-block;
  margin: 0;
  font-size: 12px;
}
#customervoice_area .review_bloc .review_btn {
  display: inline-block;
  float: right;
}
@media (max-width: 767px) {
  #customervoice_area .review_bloc .review_btn {
    display: block;
    float: none;
    margin-top: 10px;
  }
}
#customervoice_area .review_bloc .review_btn a {
  padding: 4px 8px;
  font-size: 12px;
}
#customervoice_area .review_bloc .review_btn a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  #customervoice_area .review_bloc .review_btn a {
    width: 100%;
    font-size: 14px;
  }
}
#customervoice_area ul {
  list-style: none;
  padding: 15px;
  font-size: 12px;
}
#customervoice_area ul li {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
#customervoice_area ul li .recommend_level {
  color: #ffbd30;
}

@media (max-width: 767px) {
  #cboxOverlay {
    max-width: 100% !important;
  }

  #colorbox,
  #cboxWrapper,
  #cboxContent {
    max-width: 100% !important;
    background-color: transparent;
  }

  #cboxLoadedContent {
    max-width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
  }

  .cboxPhoto {
    max-width: 100% !important;
    height: auto !important;
    border: 1px solid #333;
  }
}
/* ------------------------------------- */
/*  mypage: マイページのスタイル
/*    - mynavi_area
/* ------------------------------------- */
/**
 *  index
 */
@media (max-width: 767px) {
  #mynavi_area .mynavi_list li {
    display: block;
  }
  #mynavi_area .mynavi_list li a {
    display: block;
    padding: 8px 10px;
    border: 1px solid #ECEAEB;
    border-bottom: none;
    background-color: #f4f4f4;
  }
  #mynavi_area .mynavi_list li:last-child a {
    border-bottom: 1px solid #ECEAEB;
  }
}

/* ------------------------------------- */
/*  shopping: 購入ページのスタイル
/*    - shopping
/*    - login
/*    - customer
/* ------------------------------------- */
/**
 *  shopping
 */
#undercolumn_shopping .shopping-flow {
  padding-left: 0;
  margin-bottom: 30px;
}
#undercolumn_shopping .shopping-flow li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 25%;
  height: 45px;
  margin-left: -4px;
  color: #5B5B5B;
  line-height: 45px;
  background-color: #ECEAEB;
}
#undercolumn_shopping .shopping-flow li.current {
  color: #fff;
  background-color: #5B5B5B;
}
#undercolumn_shopping .shopping-flow li.row2 {
  line-height: 14px;
  padding-top: 10px;
}
@media (max-width: 767px) {
  #undercolumn_shopping .shopping-flow li {
    width: 100%;
  }
}
#undercolumn_shopping .pay_area,
#undercolumn_shopping .pay_area02,
#undercolumn_shopping .point_area {
  margin-bottom: 40px;
}
#undercolumn_shopping .delivdate select {
  display: inline-block;
  width: 150px;
}
#undercolumn_shopping .radio-button li {
  margin-bottom: 15px;
}
#undercolumn_shopping .radio-button li input {
  margin-right: 5px;
}
#undercolumn_shopping .btn_area {
  text-align: center;
}
#undercolumn_shopping textarea {
  width: 100%;
}

/**
 *  login
 */
#undercolumn_login .login_area {
  margin-top: 40px;
}
#undercolumn_login .login_area .inputbox {
  margin: 30px 0;
}
#undercolumn_login .login_area .inputbox .btn_area {
  text-align: center;
}
#undercolumn_login .login_area .inputbox .btn_area ul {
  margin-bottom: 0;
}

/**
 *  customer
 */
#undercolumn_customer .shopping-flow {
  padding-left: 0;
}
#undercolumn_customer .shopping-flow li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 25%;
  height: 45px;
  margin-left: -4px;
  color: #5B5B5B;
  line-height: 45px;
  background-color: #ECEAEB;
}
#undercolumn_customer .shopping-flow li.current {
  color: #fff;
  background-color: #5B5B5B;
}
#undercolumn_customer .shopping-flow li.row2 {
  line-height: 14px;
  padding-top: 10px;
}
@media (max-width: 767px) {
  #undercolumn_customer .shopping-flow li {
    width: 100%;
  }
}
#undercolumn_customer form table select {
  margin: 5px 0;
}
#undercolumn_customer form table select[name="order_year"],
#undercolumn_customer form table select[name="order_month"],
#undercolumn_customer form table select[name="order_day"] {
  width: 60px;
  margin-right: 5px;
}
@media (max-width: 767px) {
  #undercolumn_customer form table select[name="order_year"],
  #undercolumn_customer form table select[name="order_month"],
  #undercolumn_customer form table select[name="order_day"] {
    width: 110px;
  }
}
#undercolumn_customer form table td select {
  width: 130px;
}
#undercolumn_customer .btn_area {
  text-align: center;
}

/* ------------------------------------- */
/*  windowcolumn: ポップアップページのスタイル
/* ------------------------------------- */
#windowcolumn #forgot {
  padding: 10px;
}
#windowcolumn #forgot .name {
  margin-left: 49px;
}
@media (max-width: 767px) {
  #windowcolumn #forgot .name {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  #windowcolumn table {
    widows: 300px;
  }
  #windowcolumn table textarea {
    width: 200px;
  }
}


/*hicss新規追加分*/

/*汎用*/
.tx-w{
    color: #fff;
}
.tx-600{
    font-weight: 600;
}
.btn-area{
    display: block;
    width: 100%;
    
}

.btn-area .btn{
    background-color: #47A7DE;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 1.2em;
    font-weight: 600;
}

.btn-area .btn:hover{
    background-color: #66c4fa;
    color: #fff;
}

.btn-area .btn-w{
    background-color: #fff;
    color: #47A7DE;
}

.btn-area .btn-w:hover{
    background-color: #66c4fa;
    color: #fff;
}

.btn-area .btn-o{
    background-color: #FAB12A;
    color: #fff;
}

.btn-area .btn-o:hover{
    background-color: #ffcf5e;
    color: #fff;
}

.btn-area .btn-g{
    background-color: #f0f0f0;
    color: #777;
}

.btn-area .btn-g:hover{
    background-color: #f7f7f7;
    color: #AAA;
}

.btn-area .one-btn{
    max-width: 300px;
    margin: 0 auto;
}

.btn-area .two-btn{
    display: flex;
    justify-content: center;
    max-width: 800px;
}

.btn-area .two-btn .btn{
    margin: 0 10px;
}

.btn-area label{
    white-space: break-spaces;
}

.btn-area .icon-btn-m{
    display: flex;
    background-color: #fff;
    border-radius: 30px;
    margin-bottom: 3%;
    align-items: center;
    justify-content: center;
    color: #47A7DE;
}

.btn-area .icon-btn-m img{
    width: 50px;
    height: 50px;
    margin-right: 1em;
}

.btn-area .icon-btn-m p{
    margin: 0;
}

.btn-area .icon-btn-m :hover{
    color: #fff;
}

.spnone{
    display: block;
}

.pcnone{
    display: none;
}

.pcnone-pop{
    display: none!important;
}

.pagetitle {
    position: relative;
    text-align: center;
    margin-bottom: 100px;
  }

.pagetitle p {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin:0;
    padding:0;
    font-size: 1.5em;
    font-weight: 600;
    /* コース名の「ス」が「ズ」に見えるフォント表示崩れを防ぐ（ス=U+30B9, ズ=U+30BA） */
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;

    /*文字の装飾は省略*/
  }

.pagetitle img {
    width: 100%;
    max-width: 400px;
  }

/* 受講管理・一覧画面：検索結果ブロックのみ幅を1.5倍（上段フォームは従来幅のまま。800px×1.5=1200px） */
.history-result-section {
    width: 1200px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

  
  

  
/*ページング*/
.paging-area{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px; 
}

.paging-area p{
    font-size: 1.4em;
    font-weight: 600px;
}

.paging-area .paging-area-contents{
    display: block;
    margin: 0 10px;
}

.paging-area .paging-area-contents img{
    width: 40px;
    opacity: 1;
    transition: .2s;
}

.paging-area .paging-area-contents img:hover{
    opacity: 0.5;
}

@media (max-width: 900px) {
    .spnone{
        display: none;
    }
    .pcnone{
        display: block;
    }

}

@media (max-width: 500px) {
    .pagetitle {
        margin-bottom: 60px;
    }
    .pcnone-pop{
        display: block!important;
    }
}

/*フェードインアニメーション*/
.fadein_anima1{
    animation-name: fadein;
    animation-duration: 1s;
}
@keyframes fadein {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadein_anima2{
    animation-name: fadein;
    animation-duration: 2.5s;
}
@keyframes fadein {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/*ヘッダー*/
.header-mar{
    max-width: 1400px;
    margin: 0 auto;
}

.header-flexbox{
    display: flex;
    justify-content: start;
    align-items:center;
    margin: 0 2%;
}

/*
.header-flexbox a:first-child{
    margin-right: auto;
}
*/
.header-flexbox a{
    color: #fff;
    margin: 0 10px;
    font-weight: 600;
}

.header-flexbox a:last-child{
    margin: 0 0 0 10px;
}

.header-flexbox i{
    font-size: 22px;
}

.header-flexbox img{
    height: 60px;
}

.SPheader-btn-area{
    margin: 100px auto;
    max-width: 500px;
}

.SPheader-btn-area a{
    margin: 0 0 10px 0!important;
}

.SPheader-btn-area p{
    font-size: 1.2em;
    font-weight: 600;
    padding: 20px;
    border-radius: 30px;
    background-color: #fff;
    color: #47A7DE;
}

.pcheader-username{
    font-weight: 600;
    color: #fff;
    margin: 0 2em;
}

.training-btn-area{
    margin-bottom: 2em;
    margin-top: 1em;
}

.training-btn-area a{
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 10px;
}


.training-btn-area .content_box{
    display: flex;
    background-color: #fff;
    border-radius: 30px;
    padding: 20px 4%;
    margin-bottom: 3%;
    align-items: center;
}

.training-btn-area .content_box:hover{
    transform:scale(1.1,1.1);
}

.training-btn-area .content_box img{
    width: 100px;
    height: 100px;
    margin-right: 5%;
}

.training-btn-area a{
    white-space: inherit;
}

.training-btn-area label{
    max-width: 500px;
    margin: 0 auto;
    transition: .2s;
}
/*
@media (max-width: 900px) {
    .menu-btn {
        display: flex;
    }
}
*/
@media (max-width: 500px) {
    .header-flexbox img {
        height: 50px;
    }
    
    .training-btn-area .content_box{
        display: flex;
        background-color: #fff;
        border-radius: 30px;
        padding: 20px 4%;
        margin-bottom: 6%;
        align-items: center;
    }
    
    .training-btn-area .content_box img{
        width: 80px;
        height: 80px;
    }
    
    .training-btn-area .content_box h3{
        font-size: 1.1em;
    }
    
    .training-btn-area .content_box p{
        font-size: 14px;
    }
    
}


.training-btn-area{
    margin-bottom: 40px;
}

.training-btn-area a{
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 10px;
}


.training-btn-area .content_box{
    display: flex;
    background-color: #fff;
    border-radius: 30px;
    padding: 20px 4%;
    margin-bottom: 3%;
    align-items: center;
}

.training-btn-area .content_box:hover{
    transform:scale(1.1,1.1);
}

.training-btn-area .content_box img{
    width: 100px;
    height: 100px;
    margin-right: 5%;
}

.training-btn-area a{
    white-space: inherit;
}

.training-btn-area label{
    max-width: 500px;
    margin: 0 auto;
    transition: .2s;
}

@media (max-width: 900px) {
    .menu-btn {
        display: flex;
    }
}

@media (max-width: 500px) {
    .header-flexbox img {
        height: 50px;
    }
    
    .training-btn-area .content_box{
        display: flex;
        background-color: #fff;
        border-radius: 30px;
        padding: 20px 4%;
        margin-bottom: 6%;
        align-items: center;
    }
    
    .training-btn-area .content_box img{
        width: 80px;
        height: 80px;
    }
    
    .training-btn-area .content_box h3{
        font-size: 1.1em;
    }
    
    .training-btn-area .content_box p{
        font-size: 14px;
    }
    
}


/*ヘッダー　ハンバーガー*/
.menu-btn {
    position: fixed;
    top: 27px;
    right: 10px;
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    z-index: 90;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}

#menu-btn-check {
    display: none;
}

#menu-btn-check:checked ~ .menu-btn span,
#menu-btn-check:checked ~ .menu-btn span:before,
#menu-btn-check:checked ~ .menu-btn span:after {
    background-color: #47A7DE;

}

.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    background-color: #3584bb;
}
.menu-content ul {
    padding: 70px 10px 0;
}
.menu-content ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}

.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%; 
    z-index: 80;
    background-color: #FFF;
    opacity: 0;
    transition: all 0.2s;
}

#menu-btn-check:checked ~ .menu-content {
    left: 0;
    opacity: 1;
}
/*

.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;
    z-index: 80;
    background-color: #FFF;
    opacity: 0.8;
    transition: all 0.2s;
}

#menu-btn-check:checked ~ .menu-content {
    left: 0;
}

*/



@media (max-width: 900px) {
    .menu-btn {
        display: flex;
    }

}


/*検索窓*/

.search_area{
    text-align: center;
    margin-bottom: 5%;
    position: relative;
    max-width: 800px;
    margin: 20px auto;
}

.search_area input{
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none;
    position: absolute;
    left: 8%;
    top: 40%;
    background: none;
    font-size: 1.4em;
    /*width: 320px;*/
    font-weight: 600;
    /*border: none;*/
    display: block;
    width: 40%;
    border: none;
    border-bottom: 2px solid;
}

.search_area input::placeholder{
    color:#66c4fa;
}


@media (max-width: 800px) {
    .search_area input{
        font-size: 1.4em;
        width: 45%;
        top: 42%;
    }
}


@media (max-width: 500px) {
    .search_area input{
        font-size: 1em;
        width: 50%;
        top: 37%;
    }
}


.search_area picture source,
.search_area picture img{
    width: 100%;
    max-width: 800px;
}

.search_text_area{
    max-width: 800px;
    margin: 0 auto;
}

.search_text_area p{
    font-size: 1.2em;
    font-weight: 600;
}


/*検索窓　もやもや*/
.moyamoya_area{
    text-align: center;
    margin-bottom: 5%;
    position: relative;
    max-width: 800px;
    margin: -220px auto 20px;
    display: none;
}

.moyamoya_area picture source,
.moyamoya_area picture img{
    width: 100%;
    max-width: 800px;
}


.moyamoya_area .poptext1,
.moyamoya_area .poptext2,
.moyamoya_area .poptext3,
.moyamoya_area .poptext4,
.moyamoya_area .poptext5,
.moyamoya_area .poptext6{
    position: absolute;
    background: none;
    font-weight: 600;
    display: block;
    width: 40%;
    border: none;
}

.moyamoya_area .poptext1{
    left: 26%;
    top: 36%;
    font-size: 1.4em;
    text-align: left;
}

.moyamoya_area .poptext2{
    right: 27%;
    top: 32%;
    font-size: 1.6em;
    text-align: right;
}

.moyamoya_area .poptext3{
    left: 50%;
    top: 53%;
    font-size: 2.7em;
    text-align: center;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0;
    padding: 0;
}

.moyamoya_area .poptext4{
    left: 28%;
    top: 60%;
    font-size: 1.8em;
    text-align: left;
}

.moyamoya_area .poptext5{
    right: 26%;
    top: 67%;
    font-size: 1.4em;
    text-align: right;
}

.moyamoya_area .poptext6{
    left: 26%;
    top: 73%;
    font-size: 1.2em;
    text-align: center;
}

.moyamoya_area{

}
/*
.fadeUp {
    animation-name:fadeUpAnime;
    animation-duration:0.5s;
    animation-fill-mode:forwards;
    opacity: 0;

}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

.delay-time02{
    animation-delay: 0.2s;
}

.delay-time04{
    animation-delay: 0.4s;
}

.delay-time06{
    animation-delay: 0.6s;
}

.delay-time08{
    animation-delay: 0.8s;
}

.delay-time10{
    animation-delay: 1.0s;
}
*/
@media (max-width: 600px) {
    .moyamoya_area{
        margin: -100px auto 20px;
    }

    .moyamoya_area .poptext1,
    .moyamoya_area .poptext2,
    .moyamoya_area .poptext3,
    .moyamoya_area .poptext4,
    .moyamoya_area .poptext5,
    .moyamoya_area .poptext6{
        position: absolute;
        background: none;
        font-weight: 600;
        display: block;
        width: 60%;
        border: none;
    }

    .moyamoya_area .poptext1{
        left: 12%;
        top: 33%;
        font-size: 1.2em;
    }

    .moyamoya_area .poptext2{
        right: 19%;
        top: 27%;
        font-size: 1.3em;
    }

    .moyamoya_area .poptext3{
        left: 50%;
        top: 56%;
        font-size: 1.7em;
    }

    .moyamoya_area .poptext4{
        left: 16%;
        top: 62%;
        font-size: 1.3em;
    }

    .moyamoya_area .poptext5{
        right: 16%;
        top: 69%;
        font-size: 1em;
    }

    .moyamoya_area .poptext6{
        left: 15%;
        top: 79%;
        font-size: 0.8em;
    }
}


.anim-box {

}

.anim-box.poyoyon2.is-animated {
  animation: poyoyon2 1s ease-in-out 1 forwards;
  -webkit-backface-visibility:hidden;
backface-visibility:hidden;
}

@keyframes poyoyon2 {
  0%  {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  15% {
    transform: scale(0.98, 0.9) translate(0, 5px);
  }
  30% {
    transform: scale(1.02, 1.0) translate(0, 8px);
  }
  50% {transform: scale(0.98, 1.05) translate(0, -8px);
  }
  70% {
    transform: scale(1.0, 0.9) translate(0, 5px);
  }
  100% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  0%, 100% {
    opacity: 1;
  }
}


.test-box {

}



/*TOPページ*/



.content_area{
    max-width: 800px;
    margin: 0 auto;
}

.content_area .content_box{
    display: flex;
    background-color: #fff;
    border-radius: 30px;
    padding: 20px 4%;
    margin-bottom: 3%;
    align-items: center;
}

.content_area .content_box:hover{
    transform:scale(1.1,1.1);
}

.content_area .content_box .ml-a{
    margin-left: auto;
}

.content_area .content_box img{
    width: 100px;
    height: 100px;
    margin-right: 5%;
}


.content_area .content_box2{
    display: flex;
    background-color: #fff;
    border-radius: 30px;
    padding: 0 1em;
    margin-bottom: 3%;
    align-items: center;
}

.content_area .content_box2 .ml-a{
    margin-left: auto;
}

.content_area .content_box2 img{
    width: 50px;
    height: 50px;
    margin-right: 1em;
}




.content_area .notice_box{
    display: flex;
    padding: 20px 4%;
    margin-bottom: 3%;
    align-items: center;
    justify-content: center;
}

.content_area .notice_box:hover{
    transform:scale(1.1,1.1);
}

.content_area .notice_box img{
    width: 100px;
    height: 100px;
    margin-right: 5%;
}

.content_area .notice_box p{
    background-color: #eda21f;
    border-radius: 30px;
    display: block;
    border: #fff 4px dashed;
    color: #fff;
    padding: 10px 0;
    font-size: 1.2em;
    font-weight: 600;
    text-align: center;
    width: 60%;
}


@media (max-width: 500px) {
    
    .content_area .content_box{
        display: flex;
        background-color: #fff;
        border-radius: 30px;
        padding: 20px 4%;
        margin-bottom: 6%;
        align-items: center;
    }
    
    .content_area .content_box img{
        width: 80px;
        height: 80px;
    }
    
    .content_area .content_box h3{
        font-size: 1.1em;
    }
    
    .content_area .content_box p{
        font-size: 14px;
    }
    
    .content_area .notice_box p{
        width: 100%;
        font-size: 1em;
    }
}




/*フッダー*/

.footer-area{
    margin: 50px 0;
}

.footer-area .icon-area{
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.footer-area .icon-area img{
    width: 40px;
    margin: 0 10px;
}
.footer-area .icon-area img:hover{
    transform:scale(1.2,1.2);
}

.footer-area .logo-area{
    text-align: center;
}

.footer-area .logo-area img{
    width: 180px;
}

.footer-area .logo-area p{
    color: #fff;
    margin-top: 10px;
}

/*研修画面*/


.training-contents{
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 10%;
}

.training-top{
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 2em;
}

.training-top h3{
    color: #fff;
    text-align: left;
    font-size: 2.5em;
    border-bottom: 2px dotted;
    padding-bottom: 0.2em;
}

.training-top p{
    color: #fff;
    text-align: left;
    font-weight: 600;
}

.training-top .date{
    font-weight: 600;
    display: inline-block;
    /* padding: 0.1em 0.7em 0em; */
    border-radius: 10em;
    margin: 0 0 1em;
    color: #fff;
}

.training-movie-area{
    padding-bottom: 7%;
}

.training-movie-area .movie{
     position: relative;
     padding-bottom: 56.25%; 
     height: 0;
     overflow: hidden;
}
 
.training-movie-area .movie iframe{
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 85%;
    height: 85%;
    border-radius: 10px;
    margin-top:3%; 
}

.training-movie-area .movie video{
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 85%;
    height: 85%;
    border-radius: 10px;
    margin-top:3%; 
}


.training-movie-area .webinar{
     position: relative;
     padding-bottom: 56.25%; 
     height: 0;
     overflow: hidden;
     display: block;
}
 
.training-movie-area .webinar img{
    position: absolute;
    top: 42%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 680px;
    width: 100%;
    border-radius: 10px;
    margin-top:3%; 
}

.training-movie-area .webinar p{
    position: absolute;
    top: 85%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 680px;
    width: 100%;
    border-radius: 10px;
    margin-top:2%; 
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

.training-movie-area .nonmov{
     position: relative;
     padding-bottom: 56.25%; 
     height: 0;
     overflow: hidden;
     display: block;
}

.training-movie-area .nonmov img{
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 600px;
    width: 90%;
    border-radius: 10px;
    margin-top:3%; 
}

@media (max-width: 716px) {
    .training-movie-area .webinar p{
        top: 85%;
        margin-top:5%; 
    }
}

@media (max-width: 500px) {
    .training-movie-area .webinar p{
        font-size: 15px;
    }
}

/*ウェビナー画面*/
/*
.training-contents .webinar{
    position: relative;
    text-align: center;
    margin-bottom: 100px;
  }

.training-contents .webinar a{
    position: absolute;
    top: 40%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin:0;
    padding:0;
    font-size: 1.2em;
    font-weight: 600;
    width: 500px;
    word-break : break-all;
    color: #47A7DE;
  }

.training-contents .webinar img {
    width: 100%;
    max-width: 800px;
  }
  
@media (max-width: 500px) {
    .training-contents .webinar a{
        width: 300px;
    }
}
*/
/*研修画面　関連動画　アコーディオン*/

.acd-check{
    display: none;
}
.acd-label{
  display: block;
}
.acd-content{
  height: 0;
  opacity: 0;
  transition: .5s;
  visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content{
  height: 520px;
  opacity: 1;
  visibility: visible;
}

@media (max-width: 700px) {
    .acd-check:checked + .acd-label + .acd-content{
        height: 380px;
    }
}

@media (max-width: 500px) {
    .acd-check:checked + .acd-label + .acd-content{
        height: 280px;
    }
}

@media (max-width: 400px) {
    .acd-check:checked + .acd-label + .acd-content{
        height: 200px;
    }
}

/*マイページ*/
.mypage-welcome{
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin-bottom: 3%;
    font-size: 1.2em;
}
.mypage-btn-list{
    margin: 0 auto;
    max-width: 500px;
}

.mypage-btn-list a{
    margin: 10px auto;
    max-width: 500px;
}


.toppage-btn-list{
    margin: 0 auto;
    max-width: 800px;
}

.toppage-btn-list a{
    margin: 10px auto;
    max-width: 800px;
}

.mypage-change-flg-text{
    text-align: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 10%;
}

/*ログイン*/
.login_form_area{
    max-width: 800px;
    margin: 0 auto;
}

.login_form_area .textbox{
    display: block;
    border: none;
    background-color: #fff;
    border-radius: 30px;
    width: 100%;
    font-size: 1.2em;
    font-weight: 600;
    padding: 12px 20px;
     margin-bottom: 20px;
}

.login_form_area .textbox::placeholder{
    color: #bbb;
}

.login_form_area .checkbox_area{
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin-bottom: 20px;
}

.login_form_area .checkbox_area input,
.login_form_area .checkbox_area p{
    display: block;
    font-size: 1.2em;
    font-weight: 600;
}

.login_form_area .checkbox_area input:focus {
    outline: none;
}

.login_form_btn{
    margin-top: 50px;
}

/*qa詳細*/
.qadetail{
    max-width: 800px;
    margin: 0 auto;
}

.qadetail-btn-area{
    margin-bottom: 40px;
}

.qadetail-btn-area a{
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.nonimg-title{
    text-align: center;
}

.nonimg-title p{
    font-size: 1.8em;
    font-weight: 600;
    color: #fff;
    margin: 30px 0 50px;
}

.qadetail_area{
    
}

.qadetail_area .q,
.qadetail_area .a{
    margin-bottom: 50px;
}

.qadetail_area .q p,
.qadetail_area .a p{
    font-size: 1.2em;
    font-weight: 600;
    padding: 20px;
    border-radius: 30px;
    background-color: #fff;
}

.qadetail_area .q img,
.qadetail_area .a img{
    width: 120px;
}

.qadetail_area .q {
    text-align: right;
}

.qadetail_area .q p{
    text-align: left;
}

.qadetail_area a:link,
.qadetail_area a:visited,
.qadetail_area a:hover,
.qadetail_area a:active{
    color: #fff;
}

.qadetail_area .source_text2{
    font-weight: 600;
    color: #fff;
    word-break: break-all;
}
/*answerの熊の横にリンクを追加分*/
.qadetail_area .a .answer-img-box{
    display:flex;
    align-items: center;
}

.qadetail_area .a .answer-img-box .source_text1{
    font-size: 1.2em;
    font-weight: 600;
    color: #fff;
    background: none;
    display: block;
    padding: 0 0 0 3%;
    margin: 0;
}

.qadetail_area .a .answer-img-box .source_text1 a{
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-style: dashed;
    text-underline-offset: 3px;
}

/*ご相談画面*/
.page-advice{
    max-width: 800px;
    margin: 0 auto;
}

/* 受講管理など management-content-center 内では親の幅に従う（800px矯正を上書き） */
.management-content-center .page-advice {
    max-width: 100%;
}

/* 受講管理など: main_column の Bootstrap 50%・left 25% をやめ、全幅・左寄せで表示 */
#main_column:has(.management-content-center) {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
}

/* 受講管理: タイトル・ボタン・コース検索のみ元の幅（800px）、テーブルは1200pxのまま */
.management-content-center .management-content-narrow {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.page-advice .toptext{
    text-align: center;
    font-weight: 600;
    margin-bottom: 30px;
}

.page-advice .title-mar{
    margin-bottom: 50px;
}

.consultation-input-box {
    width: 100%;
    height: 400px;
    overflow: scroll;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #fff;
    padding: 1.5% 0;
    border-radius: 30px;
    -ms-overflow-style: none;
    margin-bottom: 30px;
}

.consultation-input-box::-webkit-scrollbar {
    display:none;
}

.page-advice .user_input_box p{
    font-weight: 600;
}

.page-advice .user_input_box textarea{
    width: 100%;
    height: 200px;
    overflow: scroll;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #fff;
    padding: 1.5% 2%;
    border-radius: 30px;
    -ms-overflow-style: none;
    margin-bottom: 30px;
}

.page-advice .user_input_box textarea::-webkit-scrollbar {
    display:none;
}

.page-advice .user_input_box input{
    width: 100%;
    background: #fff;
    border-radius: 30px;
    margin-bottom: 30px;
    padding: 10px 15px;
}

/*フキダシ共通*/

.inline-clear{
    display: block;
}

.consultation-input-box .fukidasi {
    position: relative;
    display: inline-block;
    max-width: 50%;
    margin: 1px 10px 15px;
    padding: 9px 14px;
    border-radius: 19px;
    overflow-wrap: break-word;
    clear: both;
    box-sizing: content-box;/*はてな用*/
    font-weight: 100;
    word-break: break-all;
}
/*しっぽをつけないとき*/
.consultation-input-box .fukidasi.notail {
    margin-bottom: 0;
}
/*フキダシ左*/
.consultation-input-box .fukidasi.left {
    float: left;
    background: #eda21f;
    font-weight: 600;
    color: white;
    word-break: break-all;
}
/*フキダシ右*/
.consultation-input-box .fukidasi.right {
    float: right;
    background: #47A7DE;
    color: white;
    font-weight: 600;
    word-break: break-all;
}
/*しっぽ共通*/
.consultation-input-box .fukidasi::after {
    position: absolute;
    content: "";
    width: 17px;
    height: 17px;
    bottom: 0;
}
/*しっぽ左*/
.consultation-input-box .fukidasi.left::after {
    left: -6px;
    border-radius: 0px 0  17px 0px/ 0px 0 13px 0; 
    box-shadow: -14px 2px 0 -3px #eda21f inset; 
}
/*しっぽ右*/
.consultation-input-box .fukidasi.right::after {
    right: -6px;
    border-radius: 0px 0  0 17px/ 0px 0 0 13px; 
    box-shadow: 14px 2px 0 -3px #47A7DE inset; 
}
/*しっぽをつけないとき*/
.consultation-input-box .fukidasi.notail::after {
    content: none;
}

.chat{
    width: 100%;
}

.consultation-input-box .chat_admin_name {
    font-size: 12px;
    float: left;
    padding: 8px 0 0;
    font-weight: 500;
}

.consultation-input-box .chat_front_date {
    font-size: 12px;
    float: right;
    padding: 8px 0 0;
    font-weight: 500;
}

.advice-btn-area a{
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.advice-btn-area input{
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 10px;
}

/*ご相談一覧*/

.advice_search_box{
    text-align: center;
}
.advice_search_box p{
    color: #fff;
    font-weight: 600;
    
}

.advice_search_box .advice-status input,
.advice_search_box .advice-status p{
    /*
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
        */
    display: inline-block;
    }

.advice_search_box .date{
    margin-bottom: 15px;
}

.advice_search_box .date select,
.advice_search_box .date p{
    display: inline-block;
}

.advice_search_box .date select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 600;
    padding: 10px 15px;
    border-radius: 30px;
    border: none;
    text-align: right;
    background-color: #fff;
}

.advice_search_box .date .year{
    max-width: 100px;
    width: 20%;
}

.advice_search_box .date .month{
    width: 10%;
    max-width: 70px;
}

.advice_search_box .date .day{
    width: 10%;
    max-width: 70px;
}

.advice_search_btn_area{
    max-width: 200px;
    margin: 10px auto 40px;
}

@media (max-width: 500px) {
    .advice_search_box .date .year{
        max-width: 100px;
        width: 30%;
    }

    .advice_search_box .date .month{
        width: 20%;
        max-width: 70px;
    }

    .advice_search_box .date .day{
        width: 20%;
        max-width: 70px;
    }
}

@media (max-width: 400px) {
    .advice_search_btn_area{
        max-width: 400px;
        margin: 40px auto 60px;
    }
}


.advice_list_box{
    display: block;
    justify-content: center;
    flex-wrap: wrap;
}

.advice_list_box .cell{
    width: 100%;
    margin: 0 0 30px;
    display: block;
    border-radius: 30px;
    background-color: #fff;
    padding: 20px 2% 10px;
}

.advice_list_box .bor-o{
    border: 5px dashed #FFCC33;
}

.advice_list_box .cell:hover{
    transform:scale(1.1,1.1);
}

.advice_list_box .cell .title{
    text-align: center;
    font-size: 1.4em;
    font-weight: 600;
}

.advice_list_box .cell .title span{
    background: #eda21f;
    padding: 0.2em 0.3em;
    border-radius: 5em;
    color: #fff;
}

.advice_list_box .cell .LR-display{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.advice_list_box .cell .LR-display p{
    display: block;
    font-weight: 600;
    
}

@media (max-width: 800px) {
    .advice_list_box .cell{
        width: 100%;
    }
}

/*個人情報編集*/


.mypage-change{
    max-width: 500px;
    margin: 0 auto;
}

.mypage-change-contents{
    
}

.mypage-change-contents .contents_box{
   margin-bottom: 30px;
}

.mypage-change-contents .contents_box p{
    color: #fff;
    font-weight: 600;
    font-size: 1.2em;
}

.mypage-change-contents .contents_box .input_box_flex{
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.mypage-change-contents .contents_box .input_box_flex p{
    font-size: 1.4em;
}

.mypage-change-contents .contents_box .input_box_flex select,
.mypage-change-contents .contents_box .input_box select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
}

.mypage-change-contents .contents_box .input_box_flex input,
.mypage-change-contents .contents_box .input_box_flex select{
    width: 48%;
    border-radius: 30px;
    padding: 10px 15px;
    margin: 0 1%;
    border: none;
}

.mypage-change-contents .contents_box .input_box select,
.mypage-change-contents .contents_box .input_box input{
    width: 100%;
    border-radius: 30px;
    padding: 10px 15px;
    border: none;
    font-weight: 600;
}

.mypage-change-contents .contents_box .input_box select option{
    font-weight: 600;
}


.mypage-change-contents .contents_box .address-tbn-mar{
    margin: 20px 0 0;
}

.mypage-change-contents .contents_box .mar{
    margin: 0 0 20px !important;
}

.mypage-change-contents .contents_box .input_box .min-text{
    font-size: 0.9em !important;
    margin-top: 1%;
}

.input_box_inline input,
.input_box_inline p{
    display: inline-block;
}

.mypage-change-contents .contents_box .user-input{
    font-size: 1.4em;
}

/*チェックボックス ラジオボタン*/

.radio-check-input{
    display: none;
}

.radio-check-input + label{
    padding-left: 20px;
    position:relative;
    margin-right: 20px;
    background-color: #fff;
    display: block;
    width: 100%;
    border-radius: 30px;
    padding: 10px 10px 10px 30px;
}

.radio-check-input:checked + label{
    color: #fff;
    background-color: #eda21f;  
}

.radio-check-input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 14px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
}


/*テスト画面*/
.examdetail{
    max-width: 800px;
    margin: 0 auto;
}

.qa-box{
    margin-bottom: 60px;
}

.qa-box .contents_box{
    margin-bottom: 40px;
}

.qa-box .exam-q{
    color: #fff;
    font-weight: 600;
}

.examdetail-btn-area{
    margin-bottom: 40px;
}

.examdetail-btn-area a{
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 10px;
}

/*テスト完了画面*/
.exam-complete-text{
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin-bottom: 100px;
}

/*ボタン追加*/
.btn-area .content_box{
    display: flex;
    background-color: #fff;
    border-radius: 30px;
    padding: 20px 4%;
    margin-bottom: 3%;
    align-items: center;
}

.btn-area .content_box:hover{
    transform:scale(1.1,1.1);
}

.btn-area .content_box img{
    width: 100px;
    height: 100px;
    margin-right: 5%;
}

.btn-area .content_box_og{
    display: flex;
    background-color: #eda21f;
    border-radius: 5em;
    padding: 20px 4%;
    margin-bottom: 3%;
    border: #fff 4px dashed;
    align-items: center;
}

.btn-area .content_box_og:hover{
    transform:scale(1.1,1.1);
}

.btn-area .content_box_og h3,
.btn-area .content_box_og p{
    color: #fff;
}

.btn-area .content_box_og h3{
    font-size: 1.8em;
}

.btn-area .content_box_og img{
    width: 100px;
    height: 100px;
    margin-right: 5%;
}

@media (max-width: 500px) {
    
    .btn-area .content_box{
        display: flex;
        background-color: #fff;
        border-radius: 30px;
        padding: 20px 4%;
        margin-bottom: 6%;
        align-items: center;
    }
    
    .btn-area .content_box img{
        width: 80px;
        height: 80px;
    }
    
    .btn-area .content_box h3{
        font-size: 1.1em;
    }
    
    .btn-area .content_box p{
        font-size: 14px;
    }
    
}

/*アンケート*/
.questionnairedetail{
    max-width: 800px;
    margin: 0 auto;
}

.questionnairedetail-btn-area{
    margin-bottom: 40px;
}

.questionnairedetail-btn-area a{
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.questionnairedetail .qa-box textarea{
    width: 100%;
    height: 200px;
    overflow: hidden;
    background: #fff;
    padding: 1.5% 2%;
    border-radius: 30px;
    -ms-overflow-style: none;
    margin-bottom: 30px;
    border: none;
}



/*講座ページ　質問ボタン*/
.QAform-btn {
    position: fixed;
    bottom: 10px; 
    right: 20px;
    height: 80px;
    width: 80px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    transition: all 0.2s ease-out;
}

@media (max-width: 500px) {
    .QAform-btn {
        right: 10px;
    }   
}

.QAform-btn img{
    width: 80px;
    height: 80px;
}

#QAform-check {
    display: none;
}

.QAform-aria{
    max-width: 800px;
    width: 100%;
    bottom: 5px;
    z-index: 80;
    background-color: #fff;
    border-radius: 30px;
    padding: 15px;
    margin: 5% 0 ;
    transition: all 0.2s ease-out;
    opacity: 1;
}

.QAform-aria p{
    text-align: center;
    font-weight: 600;
    padding:10px 0;
}

.QAform-aria .aftersending p{
    margin: 66px 0 67px;

}

.QAform-aria input{
    width: 100%;
    background: #fff;
    padding: 1%;
    border-radius: 30px;
    -ms-overflow-style: none;
    margin-bottom: 10px;
    font-weight: 600;
}

.QAform-aria textarea {
    width: 100%;
    height: 80px;
    overflow: scroll;
    overflow-y: scroll;
    overflow-x: hidden;
    resize:none;
    background: #fff;
    padding: 1%;
    border-radius: 30px;
    -ms-overflow-style: none;
    margin-bottom: 20px;
    font-weight: 600;
}

#QAform-check:checked ~ .QAform-btn{
    bottom: 10px; 
    right: -80px;
} 

#QAform-check:checked ~ .QAform-aria{
    right: 5px;
} 

/*フォームの表示切替 不要になりました
.QAform-aria .beforesend{
    display: block;
}

.QAform-aria .sending,
.QAform-aria .aftersending{
    display: none;
}

@media (max-width: 500px) {
    .QAform-aria {
        width: 100%;
    }
    #QAform-check:checked ~ .QAform-aria{
        right: 0px;
    } 
}
*/
/*
#QAform-check:checked ~ .menu-btn span,
#QAform-check:checked ~ .menu-btn span:before,
#QAform-check:checked ~ .menu-btn span:after {
    background-color: #47A7DE;

}



.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    background-color: #3584bb;
}
.menu-content ul {
    padding: 70px 10px 0;
}
.menu-content ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}

.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%; 
    z-index: 80;
    background-color: #FFF;
    opacity: 0;
    transition: all 0.2s;
}

#menu-btn-check:checked ~ .menu-content {
    left: 0;
    opacity: 1;
}


.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;
    z-index: 80;
    background-color: #FFF;
    opacity: 0.8;
    transition: all 0.2s;
}

#menu-btn-check:checked ~ .menu-content {
    left: 0;
}

*/

#qalist .content_area h3{
    margin: 0;
}

/*about詳細*/
.aboutdetail{
    max-width: 800px;
    margin: 0 auto;
}

.aboutdetail .mb{
    margin-bottom: 50px!important;
}

.treeimagebox{
    
}

.treeimagebox img{
    width: 100%;
}

.title-supplement{
    text-align: center;
    margin-bottom: 50px;
}

.title-supplement p{
    color: #fff;
    font-weight: 600;
    font-size: 1.1em;
}
.title-supplement p span{
    display: inline-block;
}
.aboutdetail .content_area{
    max-width: 800px;
    margin: 0 auto;
}

.aboutdetail .content_area .content_box{
    display: flex;
    background-color: #fff;
    border-radius: 30px;
    padding: 20px 4%;
    margin-bottom: 3%;
    align-items: center;
}

.aboutdetail .content_area .content_box:hover{
    transform:none;
}

.aboutdetail .content_area .content_box img{
    width: 100px;
    height: 100px;
    margin-right: 5%;
}

.aboutdetail .content_area .notice_box{
    display: flex;
    padding: 0;
    margin-bottom: 15px;
    align-items: center;
    justify-content: center;
}

.aboutdetail .content_area .notice_box:hover{
    transform:none;
}

.aboutdetail .content_area .notice_box img{
    width: 130px;
    height: 130px;
    margin-right: 5%;
}

.aboutdetail .content_area .notice_box p{
    background-color: transparent;
    border-radius: 0;
    display: block;
    border: none;
    color: #fff;
    padding: 10px 0;
    font-size: 1.1em;
    font-weight: 600;
    text-align: left;
    width: 75%;
}


@media (max-width: 500px) {
    
    .aboutdetail .content_area .notice_box{
        display: block;
        margin-bottom: 20%;
    }
    
    .aboutdetail .content_area .notice_box img{
        width: 160px;
        height: 160px;
        display: block;
        margin: 0 auto 20px;
    }
    .aboutdetail .content_area .notice_box p{
        width: 100%;
    }
    /*
    .aboutdetail .content_area .content_box{
        display: block;
        background-color: #fff;
        border-radius: 30px;
        padding: 20px 4%;
        margin-bottom: 6%;
        align-items: center;
    }
    
    .aboutdetail .content_area .content_box img{
        width: 80px;
        height: 80px;
        display: block;
        margin: 0 auto;
    }
    
    .aboutdetail .content_area .content_box h3{
        font-size: 1.1em;
    }
    
    .aboutdetail .content_area .content_box p{
        font-size: 14px;
    }
    
    .aboutdetail .content_area .notice_box p{
        width: 100%;
        font-size: 1em;
    }
    */
}


.aboutdetail-btn-area a {
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.aboutdetail-btn-area-contentsbottoms {
    margin-bottom: 60px;
}

.aboutdetail-btn-area-contentsbottoms a{
    margin: 0 auto 10px; 
    max-width: 500px;
    display: block;
    white-space: inherit;
}

/*検索窓　もやもや*/
.treeimagebox{
    text-align: center;
    margin-bottom: 5%;
    position: relative;
    max-width: 800px;
    margin: 0 auto 20px;
    display: block;
}

.treeimagebox picture source,
.treeimagebox picture img{
    width: 100%;
    max-width: 800px;
}


.treeimagebox .poptext1,
.treeimagebox .poptext2,
.treeimagebox .poptext3,
.treeimagebox .poptext4,
.treeimagebox .poptext5,
.treeimagebox .poptext6,
.treeimagebox .poptext7,
.treeimagebox .poptext8{
    position: absolute;
    background: none;
    font-weight: 600;
    display: block;
    border: none;
}

.treeimagebox .poptext1:hover,
.treeimagebox .poptext2:hover,
.treeimagebox .poptext3:hover,
.treeimagebox .poptext4:hover,
.treeimagebox .poptext5:hover,
.treeimagebox .poptext6:hover,
.treeimagebox .poptext7:hover,
.treeimagebox .poptext8:hover{
    transform:scale(1.1,1.1);
}

.treeimagebox .poptext1 p,
.treeimagebox .poptext3 p,
.treeimagebox .poptext4 p,
.treeimagebox .poptext5 p,
.treeimagebox .poptext6 p, 
.treeimagebox .poptext7 p, 
.treeimagebox .poptext8 p{
    color: #fff;
    font-weight: 600;
}


.treeimagebox .poptext1{
    right: 7.5%;
    top: 14%;
    font-size: 1.4em;
    text-align: center;
}

.treeimagebox .poptext2{
    right: 33.5%;
    top: 20.5%;
    font-size: 1.6em;
    text-align: center;
}

.treeimagebox .poptext3{
    left: 25%;
    top: 15%;
    font-size: 1.6em;
    text-align: center;
    margin: 0;
    padding: 0;
}

.treeimagebox .poptext4{
    top: 29.5%;
    right: 6%;
    font-size: 1.3em;
    text-align: center;
}

.treeimagebox .poptext5{
    right: 10%;
    top: 40%;
    font-size: 1.2em;
    text-align: center;
}

.treeimagebox .poptext6{
    left: 47%;
    top: 58%;
    font-size: 1em;
    text-align: center;
}

.treeimagebox .poptext7{
    left: 31.5%;
    top: 45%;
    font-size: 1.1em;
    text-align: center;
}

.treeimagebox .poptext8{
    left: 8.5%;
    top: 46.5%;
    font-size: 1.3em;
    text-align: center;
}

@media (max-width: 750px) {
    .treeimagebox .poptext1{
        right: 8%;
        top: 14%;
        font-size: 1em;
    }

    .treeimagebox .poptext2{
        right: 33%;
        top: 20%;
        font-size: 1.3em;
    }

    .treeimagebox .poptext3{
        left: 24%;
        top: 14%;
        font-size: 1.3em;
    }

    .treeimagebox .poptext4{
        top: 29.5%;
        right: 5%;
        font-size: 1em;
    }

    .treeimagebox .poptext5{
        right: 10%;
        top: 40%;
        font-size: 0.9em;
    }

    .treeimagebox .poptext6{
        left: 46%;
        top: 57.5%;
        font-size: 0.8em;
    }

    .treeimagebox .poptext7{
        left: 31%;
        top: 44%;
        font-size: 0.9em;
    }

    .treeimagebox .poptext8{
        left: 8%;   
        top: 46%;
        font-size: 1em;
    }
}

@media (max-width: 600px) {
    .treeimagebox .poptext1{
        right: 7%;
        top: 14%;
        font-size: 0.9em;
    }

    .treeimagebox .poptext2{
        right: 33%;
        top: 20%;
        font-size: 1.1em;
    }

    .treeimagebox .poptext3{
        left: 24%;
        top: 14%;
        font-size: 1.1em;
    }

    .treeimagebox .poptext4{
        top: 29.5%;
        right: 5%;
        font-size: 1em;
    }

    .treeimagebox .poptext5{
        right: 9%;
        top: 40%;
        font-size: 0.8em;
    }

    .treeimagebox .poptext6{
        left: 46%;
        top: 57.5%;
        font-size: 0.7em;
    }

    .treeimagebox .poptext7{
        left: 31%;
        top: 44%;
        font-size: 0.8em;
    }

    .treeimagebox .poptext8{
        left: 8%;   
        top: 46%;
        font-size: 0.9em;
    }
}

@media (max-width: 500px) {
    .treeimagebox .poptext1{
        right: 6%;
        top: 12%;
        font-size: 1em;
    }

    .treeimagebox .poptext2{
        right: 36%;
        top: 18.5%;
        font-size: 1.4em;
    }

    .treeimagebox .poptext3{
        left: 8.5%;
        top: 18%;
        font-size: 1.2em;
    }

    .treeimagebox .poptext4{
        top: 32%;
        right: 4%;
        font-size: 0.9em;
    }

    .treeimagebox .poptext5{
        right: 5%;
        top: 33%;
        font-size: 1em;
    }

    .treeimagebox .poptext6{
        left: 37%;
        top: 61%;
        font-size: 0.8em;
    }

    .treeimagebox .poptext7{
        left: 47%;
        top: 40%;
        font-size: 1.1em;
    }

    .treeimagebox .poptext8{
        left: 9%;
        top: 43%;
        font-size: 1.1em;
    }
}

@media (max-width: 400px) {
    .treeimagebox .poptext1{
        right: 6%;
        top: 12%;
        font-size: 0.9em;
    }

    .treeimagebox .poptext2{
        right: 34.5%;
        top: 18.5%;
        font-size: 1.4em;
    }

    .treeimagebox .poptext3{
        left: 7.5%;
        top: 18%;
        font-size: 1.1em;
    }

    .treeimagebox .poptext4{
        top: 32%;
        right: 4%;
        font-size: 0.9em;
    }

    .treeimagebox .poptext5{
        right: 5%;
        top: 33%;
        font-size: 0.9em;
    }

    .treeimagebox .poptext6{
        left: 37%;
        top: 61%;
        font-size: 0.7em;
    }

    .treeimagebox .poptext7{
        left: 46%;
        top: 40%;
        font-size: 1em;
    }

    .treeimagebox .poptext8{
        left: 8%;
        top: 43%;
        font-size: 1em;
    }
}

.login_area p,
.login_area a{
    color: #fff;
    font-weight: 600;
}

.message_area .error{
    text-align: center;
    font-weight: 600;
    margin: 20% 0;
}

.password-mar{

}

.password-mar a{
    border-bottom:dotted;/*下線を点線にする*/
    border-width:1px;
}

.padding-box{
    padding: 0; 
}

.passreissue{
    padding: 20px 0 ;
}


.passreissue input{
    display: block;
    border: none;
    background-color: #fff;
    border-radius: 30px;
    width: 100%;
    font-size: 1.2em;
    font-weight: 600;
    padding: 12px 20px;
     margin-bottom: 20px;
}

.passreissue input::placeholder{
    color: #bbb;
}

.passreissue .attention{
    color: #fff;
    font-weight: 600;
}

/*規約ページ*/
.kiyaku-checktext{
    text-align: center;
    color: #fff;
    font-weight: 600;
}
.kiyaku-textarea{
    width: 100%;
    height: 500px;
    overflow: scroll;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #fff;
    padding: 1.5% 2%;
    border-radius: 30px;
    -ms-overflow-style: none;
    margin-bottom: 30px;
    font-weight: 600;
}

.attention{
    background-color: #eda21f;
    color: #fff;
    font-weight: 600;
    margin-bottom: 1%;
    border-radius: 20px;
    padding: 1% 2%;
    border: #fff 1px dashed;
    font-size: 0.9em;
    display: inline-block;
}

.materials_box{
    margin-bottom: 7%;
}

.materials_link_area{
    max-width: 100%;
    margin:0 auto;
}

.materials_link_area a{
    margin: 2% auto;
    display: block;
}

.information .attention{
    display: block;
}

.tx-u{
    color:#47A7DE;
}

.dis_b{
    display: block;
}

.f_w600{
    font-weight: 600;
}

.col-xs-12{
    float: none;
}

.pagenumber_area{
    margin-bottom: 20px;
}

.pagenumber_area a,
.pagenumber_area strong{
    color: #47A7DE;
    background: #fff;
    font-weight: 600;
    padding: 5px 11px;
    border-radius: 20px;
    margin: 0 3px;
}

.pagenumber_area a{
    color: #47A7DE;
    background: #fff;
}


.pagenumber_area strong{
    color: #fff;
    background: #eda21f;
}

.materials_box .content_box:hover{
    transform:none;
}


/*お問い合わせ*/
.contact-page{
    max-width: 500px;
    margin: 0 auto;
}

.contact-contents{
    
}

.contact-contents .contents_box{
   margin-bottom: 30px;
}

.contact-contents .contents_box p{
    color: #fff;
    font-weight: 600;
    font-size: 1.2em;
}

.contact-contents .contents_box .input_box_flex{
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.contact-contents .contents_box .input_box_flex p{
    font-size: 1.4em;
}

.contact-contents .contents_box .input_box_flex select,
.contact-contents .contents_box .input_box select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
}

.contact-contents .contents_box .input_box_flex input,
.contact-contents .contents_box .input_box_flex select{
    width: 48%;
    border-radius: 30px;
    padding: 10px 15px;
    margin: 0 1%;
    border: none;
}

.contact-contents .contents_box .input_box select,
.contact-contents .contents_box .input_box input{
    width: 100%;
    border-radius: 30px;
    padding: 10px 15px;
    border: none;
    font-weight: 600;
}

.contact-contents .contents_box .address-tbn-mar{
    margin: 20px 0 0;
}

.contact-contents .contents_box .mar{
    margin: 0 0 20px !important;
}

.contact-contents .contents_box .min-text{
    font-size: 0.9em !important;
    margin-top: 1%;
}

.input_box_inline input,
.input_box_inline p{
    display: inline-block;
}

.contact-contents .contents_box .user-input{
    font-size: 1.4em;
}

.contact-contents .contents_box .input_box select{
    height: 45px;
    font-size: 1.2em;
    margin-bottom: 23px;
}

.contact-contents .contents_box .attention{
    display: block; 
}

.contact-contents .contents_box .input_box textarea{
    width: 100%;
    height: 300px;
    overflow: scroll;
    overflow-y: hidden;
    overflow-x: hidden;
    resize:none;
    background: #fff;
    padding: 2%;
    border-radius: 30px;
    -ms-overflow-style: none;
    margin-bottom: 20px;
    font-weight: 600;
}

    .contact-contents .contents_box .zipimg{
    margin: 15px 0;
}

.contact-contents .contents_box .zipimg .btn{
    background-color: #47A7DE;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-weight: 600;
}

.contact-contents .contents_box .zipimg .btn:hover{
    background-color: #66c4fa;
    color: #fff;
}

.contact-contents .contents_box .zipimg .btn-w{
    background-color: #fff;
    color: #47A7DE;
}

/*新規会員登録*/
.new-entry-change{
    max-width: 500px;
    margin: 0 auto;
}

.birthday-select-box-year{
    width: 20% !important;
}

.birthday-select-box-month,
.birthday-select-box-day{
    width: 15%!important;
}

@media (max-width: 500px) {
    .birthday-select-box-year{
        width: 25% !important;
    }

    .birthday-select-box-month,
    .birthday-select-box-day{
        width: 20%!important;
    }
}


.new-entry-change-text{
    font-weight: 600;
    color:#fff;
    margin-bottom: 30px;
    margin-top: -20px;
}

@media (max-width: 500px) {
    .new-entry-change-text{
        font-size: 0.8em;
    }
    .new-entry-change-text .spnonebr{
        display: none;
    }
}

.new-entry-complete-text{
    color: #fff;
    font-weight: 600;
    font-size: 1.2em;
    margin-bottom: 30px;
}


/*上位権限者画面*/

.border_box_w{
    padding: 0.5em 0.5em 0 0.5em;
    border: #fff 4px dashed;
    border-radius: 2em;
}

/* 受講一覧：検索条件の白枠の上下余白（状況の上・絞り込むの下） */
.border_box_w.history-search-box {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
/* 受講一覧：検索ブロックの下余白を抑え、白枠の上下的な余白を揃える */
.history-search-section {
    margin-bottom: 1.5em;
}

.advice_search_box .nonimg-title p {
    margin: 1em 0;
}

.bordernone-table,
.bordernone-table tr,
.bordernone-table th,
.bordernone-table td{
    border: none;
}

.textarea_box{
    width: 100%;
    border-radius: 30px;
    padding: 10px 15px;
    border: none;
    font-weight: 600;
}

table td {
    font-weight: 600;
}

.tableinner-textbox-w{
    background: #fff;
    border-radius: 1em;
    color: #47A7DE;
    padding: 0.6em;
}


.radiusinput{
    width: 100%;
    background: #fff;
    padding: 1.5% 2%;
    border-radius: 2em !important;
    -ms-overflow-style: none;
    margin-bottom: 1em;
    color: #47A7DE;
    border: none !important;
}

.radiusinput-w70{
    width: 70%;
    background: #fff;
    padding: 1.5% 2%;
    border-radius: 2em !important;
    -ms-overflow-style: none;
    margin-bottom: 1em;
    color: #47A7DE;
    border: none !important;
}

.radiusinput-w90{
    width: 90%;
    background: #fff;
    padding: 1.5% 2%;
    border-radius: 2em !important;
    -ms-overflow-style: none;
    margin-bottom: 1em;
    color: #47A7DE;
    border: none !important;
}

.radiustextarea-h200{
    width: 100%;
    height: 200px;
    overflow: scroll;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #fff;
    padding: 1.5% 2%;
    border-radius: 2em !important;
    -ms-overflow-style: none;
    margin-bottom: 1em;
    color: #47A7DE;
    border: none !important;
}

.radiustextarea-h60{
    width: 100%;
    height: 60px;
    overflow: scroll;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #fff;
    padding: 1.5% 2%;
    border-radius: 2em !important;
    margin-bottom: 1em;
    color: #47A7DE;
    border: none !important;
}

.btn-w-mini{
    background-color: #fff;
    color: #47A7DE;
    padding: 0.51em;
    width: 10em;
    border-radius: 2em;
    display: block;
    margin: 0.7em 0;
    text-align: center;
    border: none;
    font-weight: 600;
}

.btn-w-mini:hover{
    background-color: #66c4fa;
    color: #fff;
}

.box500px{
    max-width: 500px;
    margin: 0 auto;
}


.mar-0a {
    margin: 0 auto;
}

.mar-1em-a {
    margin: 1em auto;
}

.li-s-none{
    list-style:none;
}

.li-s-none::marker{
    list-style:none;
}

.radiustextarea-h200 option{
    font-weight: 600;
}

.btn-w-file{
    background-color: #fff;
    color: #47A7DE;
    padding: 0.51em;
    width: 5em;
    border-radius: 2em;
    display: inline-block;
    margin: 0.2em 0.2em;
    text-align: center;
    border: none;
    font-weight: 600;
}

.btn-w-file:hover{
    background-color: #66c4fa;
    color: #fff;
}

.mb5p{
    margin-bottom: 5%
}

.mr1em{
    margin-right: 1em;
}

.back-w-bo-r{
    background-color: #fff;
    border-radius: 2em;
    color: #47A7DE;
    margin: 0;
    padding: 0.3em 0.5em;
}

.message_table{
    margin: 2em auto 0em;
}

.title-mar2{
    margin: 2em 0 0.5em!important;
}

.orange-dashed-btn{
    background-color: #eda21f;
    border-radius: 30px;
    display: block;
    border: #fff 4px dashed;
    color: #fff;
    padding: 10px 0;
    font-size: 1.2em;
    font-weight: 600;
    text-align: center;
    width: 80%;
}


.orange-dashed-btn:hover{
    transform:scale(1.1,1.1);
    color: #fff;
}


@media (max-width: 500px) {
  .orange-dashed-btn {
    width: 100%;
  }
}

.resp-table{
  overflow-x: scroll;
}

.resp-table::-webkit-scrollbar{
   display:none;
}

.checktext{
    background-color: #FAB12A;
    border-radius: 30px;
    color: #fff;
    font-size: 1em;
    font-weight: 600;
    text-align: center;
    margin: 0 auto 2em;
    padding: 0.5em;
}

.kiyakutextbox{
    background-color: #fff;
    border-radius: 30px;
    padding: 1em;
}

.fw600{
    font-weight: 600;
}