/* -- base -- */
	select, input, textarea { font-size: 0.9rem; }
	img { border:0; }
	input[type="checkbox"] , input[type="radio"] { transform: scale(1.5); }
	textarea { font-family: 'MS ゴシック'; }
	.btn { padding: 0.2rem 0.3rem !important; }
	.btn-sm { padding: 0.1rem 0.2rem !important; font-size: 0.9rem !important; }
	.btn-ss { padding: 0 0.1rem !important; font-size: 0.8rem !important; }
	#loading { background: rgba(0, 0, 0, .5); z-index: 9999; }

/* -- text／box -- */
	.hide-box { display: none; }
	.mobile-br-spacer { display: inline-block; }
	@media screen and (max-width:600px) { .mobile-br-spacer { display: block; } }
	.textarea-resize-default { resize: both; min-height: 80px; width: 100%; }
	h1 , .h1-box { font-size: 1.4rem !important; font-weight: bold !important; }
	h2 , .h2-box { font-size: 1.2rem !important; font-weight: bold !important; }
	h3 , .h3-box { font-size: 1.1rem !important; font-weight: bold !important; }
	.transparent-bg { background-color: transparent; }
	.select-sm { border:1px solid; font-size: 0.8rem; }
	.toubai { font-family: 'MS ゴシック'; }
	.no-decoration { text-decoration: none; }
	.underline { text-decoration: underline; }
	.unborder { border: none; }
	.gradation-more-wrapper { position: relative; overflow: hidden; }
	.gradation-more-content { padding-bottom: 2em; }
	.gradation-fade-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 3em;  pointer-events: none; }
	.gradation-read-more { position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%); }

/* -- wd／font -- */
	.wd-100 { width: 100%; }
	.wd-95 { width: 95%; }
	.wd-90 { width: 90%; }
	.wd-85 { width: 85%; }
	.wd-80 { width: 80%; }
	.wd-75 { width: 75%; }
	.wd-70 { width: 70%; }
	.wd-65 { width: 65%; }
	.wd-60 { width: 60%; }
	.wd-55 { width: 55%; }
	.wd-50 { width: 50%; }
	.wd-45 { width: 45%; }
	.wd-40 { width: 40%; }
	.wd-35 { width: 35%; }
	.wd-30 { width: 30%; }
	.wd-25 { width: 25%; }
	.wd-20 { width: 20%; }
	.wd-15 { width: 15%; }
	.wd-10 { width: 10%; }
		@media screen and (max-width:1000px) {
			.wd-50 ,
			.wd-45 ,
			.wd-40 ,
			.wd-35 ,
			.wd-30 ,
			.wd-25 ,
			.wd-20 ,
			.wd-15 ,
			.wd-10
			{ width: 50%; }
			.wd-95 ,
			.wd-90 ,
			.wd-85 ,
			.wd-80 ,
			.wd-75 ,
			.wd-70 ,
			.wd-65 ,
			.wd-60 ,
			.wd-55 
			{ width: 95%; }
		}
		@media screen and (max-width:800px) {
			.wd-95 ,
			.wd-90 ,
			.wd-85 ,
			.wd-80 ,
			.wd-75 ,
			.wd-70 ,
			.wd-65 ,
			.wd-60 ,
			.wd-55 ,
			.wd-50
			{ width: 95%; }
		}
		@media screen and (max-width:500px) {
			.wd-45 ,
			.wd-40 ,
			.wd-35 ,
			.wd-30 ,
			.wd-25 ,
			.wd-20 ,
			.wd-15 ,
			.wd-10
			{ width: 95%; }
		}
	.wd-1r  { width:  1rem; }
	.wd-2r  { width:  2rem; }
	.wd-4r  { width:  4rem; }
	.wd-6r  { width:  6rem; }
	.wd-8r  { width:  8rem; }
	.wd-10r { width: 10rem; }
	.wd-12r { width: 12rem; }
	.wd-15r { width: 15rem; }
		@media screen and (max-width:16rem) { .wd-15r { width: 95%; } }
	.wd-20r { width: 15rem; }
	.wd-20r { width: 20rem; }
		@media screen and (max-width:21rem) { .wd-20r { width: 95%; } }
	.wd-25r { width: 25rem; }
		@media screen and (max-width:26rem) { .wd-25r { width: 95%; } }
	.wd-30r { width: 30rem; }
		@media screen and (max-width:31rem) { .wd-30r { width: 95%; } }
		@media screen and (max-width:600px) {
			.wd-15r , .wd-20r , .wd-25r , .wd-30r { width: 95%; }
		}
	.ht-3r   { height:  3rem;  }
	.ht-4r   { height:  4rem;  }
	.ht-5r   { height:  5rem;  }
	.ht-6r   { height:  6rem;  }
	.ht-7r   { height:  7rem;  }
	.ht-8r   { height:  8rem;  }
	.ht-9r   { height:  9rem;  }
	.ht-10r  { height:  10rem; }
	.font-0-5 { font-size: 0.5rem; }
	.font-0-6 { font-size: 0.6rem; }
	.font-0-7 { font-size: 0.7rem; }
	.font-0-8 { font-size: 0.8rem; }
	.font-0-9 { font-size: 0.9rem; }
	.font-1-1 { font-size: 1.1rem; }
	.font-1-2 { font-size: 1.2rem; }
	.font-1-3 { font-size: 1.3rem; }
	.font-1-4 { font-size: 1.4rem; }
	.font-1-5 { font-size: 1.5rem; }
	.font-1-6 { font-size: 1.6rem; }
	.font-1-7 { font-size: 1.7rem; }
	.font-1-8 { font-size: 1.8rem; }
	.font-1-9 { font-size: 1.9rem; }
	.font-2-0 { font-size: 2.0rem; }
	.font-2-1 { font-size: 2.1rem; }
	.font-2-2 { font-size: 2.2rem; }
	.font-2-3 { font-size: 2.3rem; }
	.font-2-4 { font-size: 2.4rem; }
	.font-2-5 { font-size: 2.5rem; }
	.font-2-6 { font-size: 2.6rem; }
	.font-2-7 { font-size: 2.7rem; }
	.font-2-8 { font-size: 2.8rem; }
	.font-2-9 { font-size: 2.9rem; }
	.font-3-0 { font-size: 3.0rem; }
	.font-4-0 { font-size: 4.0rem; }
	.font-5-0 { font-size: 5.0rem; }