/* ymstyles.CSS February 26, 2021 by Yurika Matsumoto */

/* Fonts */
.ym-jfont {font-family: 'Open Sans', sans-serif; font-size: 85%!important}
.ym-jfont-m {font-family: 'Open Sans', sans-serif; font-size: 90%;}
.ym-f75 {font-size: 75%!important;}
.ym-f80 {font-size: 80%!important;}
.ym-f85 {font-size: 85%!important;}
.ym-f90 {font-size: 90%!important;}

/* Logo Font = Sacramento */
.ym-cursive{color:#fd626a;font-size:40px;font-family:'Sacramento';}
.ym-conden{font-size:120%;font-family:'Open Sans Condensed',"Noto Sans JP","M PLUS Rounded 1c",sans-serif;}
.ym-footer-font{color:#FFFFFF;font-size:0.625em;font-family:"Open Sans","Noto Sans JP","M PLUS Rounded 1c",sans-serif;}
.ym-price{font-size:26px;font-weight:400;font-family:"Open Sans","Noto Sans JP","M PLUS Rounded 1c",sans-serif;}
.ym-font- {font-family:"Open Sans","Noto Sans JP","M PLUS Rounded 1c",sans-serif;}
.ym-font-tadbigger{font-size: 105%;}
.ym-16{font-size: 16px}
.ym-14{font-size: 14px;font-weight: 200;}
.ym-s{font-size: 11px}

/* Highlight Colors */
.ym-hover-hinomaru-red:hover {color:#FFF!important;background-color:#D7003A!important;}
.ym-hover-american-blue:hover {color:#FFF!important;background-color:#3C3B6E!important;}
.ym-almost-black-red, .ym-almost-black-red:hover {color:#FFF!important;background-color:#0B0A0A!important;}
.ym-bright-red,.ym-bright-red:hover{color:#FFF!important;background-color:#FD3B45!important}
.ym-soft-red0, .ym-soft-red0:hover {color:#FFF!important;background-color:#FD4952!important;}
.ym-soft-red, .ym-soft-red:hover {color:#FFF!important;background-color:#FD626A!important;}
.ym-soft-red2, .ym-soft-red2:hover {color:#FFF!important;background-color:#FD7B82!important;}
.ym-soft-red3, .ym-soft-red3:hover {color:#FFF!important;background-color:#FE949A!important;}
.ym-almost-white-grayish-orange, .ym-almost-white-grayish-orange:hover{color:#000!important;background-color:#F8F5F4!important;}
.ym-very-lightest-grayish-orange, .ym-very-lightest-grayish-orange:hover{color:#000!important;background-color:#F4F0EE!important;}
.ym-very-lighter-grayish-orange, .ym-very-lighter-grayish-orange:hover{color:#000!important;background-color:#F0EBE8!important;}
.ym-very-light-grayish-orange, .ym-very-light-grayish-orange:hover{color:#000!important;background-color:#E8E1DC!important;}
.ym-dark-blue, .ym-dark-blue:hover{color:#FFF!important;background-color:#1F5EA8!important;}
.ym-very-dark-blue, .ym-very-dark-blue:hover{color:#FFF!important;background-color:#233142!important;}

/* Text Colors */
.ym-text-black0,.ym-hover-text-almost-blank{color: #000!important}
.ym-text-black,.ym-hover-text-almost-blank{color: #233142!important}
.ym-text-white,.ym-hover-text-white{color: #FFF!important}
.ym-text-almost-black,.ym-hover-text-almost-blank{color: #0D0D0D!important}
.ym-text-almost-white,.ym-hover-text-almost-white{color: #F6F5F5!important}
.ym-text-soft-red,.ym-hover-soft-red{color: #FD626A!important}
.ym-text-bright-red,.ym-hover-bright-red{color: #FD3B45!important}
.ym-text-grey,.ym-hover-grey{color: #D3D3D3!important}
.ym-ameblo-green, .ym-ameblo-green:hover {color: #298D39;}

/* Padding */
.ym-padding-notice{padding: 24px 10% 48px 10%!important}
.ym-padding-policy{padding: 4px 5% 48px 5%}
.ym-padding-t16-b0{padding-top:16px;padding-bottom:0px}
.ym-padding-t16-b8{padding-top:16px;padding-bottom:8px}
.ym-padding-t16-b24{padding: 16px 16px 24px 16px!important}
.ym-padding-t0-b24{padding: 0px 16px 24px 16px!important}
.ym-padding-t24-b0{padding-top:24px;padding-bottom:0px}
.ym-padding-t32-b0{padding-top:32px;padding-bottom:0px}
.ym-padding-t4-b4{padding-top:4px;padding-bottom:4px}
.ym-padding-t33{padding-top: 33px;}
.ym-padding-t16{padding-top: 16px!important}
.ym-padding-t16-0{padding: 16px 0px 0px 0px!important;}
.ym-padding-t4{padding-top: 4px!important}
.ym-padding-t0{padding-top: 0px!important}
.ym-padding-bottom{padding-bottom: 6px}
.ym-padding-b64{padding-bottom: 64px!important}
.ym-padding-b48{padding-bottom: 48px!important}
.ym-padding-b40{padding-bottom: 40px!important}
.ym-padding-b32{padding-bottom: 32px!important}
.ym-padding-b24{padding-bottom: 24px!important}
.ym-padding-b16{padding-bottom: 16px!important}
.ym-padding-b12{padding-bottom: 12px!important}
.ym-padding-b4{padding-bottom: 4px!important}
.ym-padding-b0{padding-bottom: 0px!important}
.ym-padding-0{padding:0px!important}
.ym-padding-right{padding-right: 16px}
.ym-padding-sides{padding-right: 16px;padding-left: 16px}
.ym-padding-2btn{padding:31px 24px 0px 16px!important}
.ym-padding-xs{padding:3px 2px!important}
.ym-padding-xxs{padding:2px 2px!important}
.ym-padding-xxxs{padding:1px 1px!important}
.ym-padding-mat{padding:1px 16px!important}
.ym-padding-matb{padding:1px 16px 8px!important}

/* Margins */
.ym-margin-policy{
  margin-top:16px; margin-bottom:16px;
  margin-left: 8px; margin-right: 8px;
}
.ym-margin-form{margin:0 -16px 8px -16px}
.ym-margin-zero{margin: 0px!important}
.ym-margin-t8{margin-top: 8px!important}
.ym-margin-t4{margin-top: 4px!important}
.ym-margin-b16{margin-bottom: 16px!important}

/* Align */
.ym-right-align {float: right;}

/* Buttons */ 
.ym-btn,.ym-button{
  border:none;
  display:inline-block;
  padding:8px 16px;
  vertical-align:middle;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  background-color:inherit;
  text-align:center;
  cursor:pointer;
  white-space:nowrap
}
.ym-btn,.ym-button{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}   

.ym-btn:hover{
  background-color:#FD3B45!important
/*  box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
*/
}
.ym-disabled *,:disabled *{pointer-events:none}
.ym-btn.ym-disabled:hover,.ym-btn:disabled:hover{box-shadow:#555555}

.ym-button:hover{
  color:#000!important;
  background-color:#E0D7D0!important;
}
.ym-disabled,.ym-btn:disabled,.ym-button:disabled
{
  cursor:not-allowed;
  opacity:0.3;
}
.ym-button{
  width:100%;
  text-align:left;
  padding:8px 16px;
  white-space:normal;
}
@media (max-width:600px){
  .ym-button{width:100%}
}
    
/* Round Corners */
.ym-round-corners{border-radius: 4px;}

/* iframe container */
.ym-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding-top: 35%; 
}
  
.ym-responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
  
/* Accordion */  
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc; 
}

.ym-width-33 {
  width: 33.33%;
}

.ym-colul{
  column-gap: 0px;     
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-width: 160px;
     -moz-column-width: 160px;
          column-width: 160px;
}

/*
.ym-berkeley-blue, .ym-berkeley-blue:hover {color:#FFF!important;background-color:#003262!important;}
.ym-california-gold, .ym-california-gold:hover {color:#000!important;background-color:#FDB515!important;}
.ym-founders-rock, .ym-founders-rock:hover {color:#FFF!important;background-color:#2D637F!important;} 
.ym-medalist, .ym-medalist:hover {color:#000!important;background-color:#C4820E!important;}
.ym-golden-gate, .ym-golden-gate:hover {color:#FFF!important;background-color:#ED4E33!important;}
.ym-rose-garden, .ym-rose-garden:hover {color:#FFF!important;background-color:#EE1F60!important;}
.ym-bay-fog, .ym-bay-fog:hover {color:#000!important;background-color:#C2B9A7!important;}
.ym-lawrence, .ym-lawrence:hover {color:#003262!important;background-color:#00B0DA!important;}
.ym-lap-lane, .ym-lap-lane:hover {color:#FFF!important;background-color:#00A598!important;}
.ym-sather-gate, .ym-sather-gate:hover {color:#000!important;background-color:#B9D3B6!important;}
.ym-pacific, .ym-pacific:hover {color:#FFF!important;background-color:#46535E!important;}
.ym-ion, .ym-icon:hover {color:#000!important;background-color:#CFDD45!important;}
.ym-soybean, .ym-soybean:hover {color:#000!important;background-color:#859438!important;}
.ym-california-purple, .ym-california-pacific:hover {color:#CFDD45!important;background-color:#5C3160!important;}
.ym-haas-blue, .ym-hass-blue:hover {color:#FFF!important;background-color:#15284B!important;}
.ym-very-dark-grey, .ym-very-dark-grey:hover {color:#FFF!important;background-color:#0D0D0D!important;}
.ym-dark-grey, .ym-dark-grey:hover {color:#FFF!important;background-color:#333333!important;}
.ym-mid-grey, .ym-mid-grey:hover {color:#FFF!important;background-color:#545454!important;}
.ym-web-grey, .ym-web-grey:hover {color:#FFF!important;background-color:#888888!important;}
.ym-lite-grey, .ym-lite-grey:hover {color:#000!important;background-color:#EEEEEE!important;}
.ym-very-lite-grey, .ym-very-lite-grey:hover {color:#000!important;background-color:#F5F5F5!important;}
.ym-lite-danger, .ym-lite-danger:hover {color:#FFF!important;background-color:#CC6666!important;}
.ym-danger, .ym-danger:hover {color:#FFF!important;background-color:#CC3333!important;}
.ym-white, .ym-white:hover{color:#000!important;background-color:#FFFFFF!important;}
.ym-almost-white, .ym-almost-white:hover{color:#000!important;background-color:#F6F5F5!important;}
.ym-almost-white-blue, .ym-almost-white-blue:hover{color:#000!important;background-color:#EAFFFE!important;}
.ym-almost-white-orange, .ym-almost-white-orange:hover{color:#000!important;background-color:#FFF6F7!important;}
.ym-almost-white-pinkish-grey, .ym-almost-white-pinkish-grey:hover{color:#000!important;background-color:#F6F5F5!important;}
.ym-almost-black-blue, .ym-almost-black-blue:hover{color:#FFF!important;background-color:#222831!important;}
.ym-almost-black-muted, .ym-almost-black-muted:hover{color:#FFF!important;background-color:#484747!important;}
.ym-almost-white-grayish-lime, .ym-almost-white-grayish-lime:hover{color:#000!important;background-color:#F4F8F3!important;}
.ym-almost-white-grayish-blue, .ym-almost-white-grayish-blue:hover{color:#000!important;background-color:#F3F8FA!important;}
.ym-almost-white-grayish-green, .ym-almost-white-grayish-green:hover{color:#000!important;background-color:#F7F8F6!important;}
.ym-almost-white-grayish-yellow, .ym-almost-white-grayish-yellow:hover{color:#000!important;background-color:#FAFAF8!important;}
.ym-dull-blue, .ym-dull-blue:hover{color:#FFF!important;background-color:#2A5162!important;}
.ym-darker-cyan, .ym-darker-cyan:hover{color:#FFF!important;background-color:#042a30!important;}
.ym-dark-cyan, .ym-dark-cyan:hover{color:#FFF!important;background-color:#0C788A!important;}
*/