@charset "UTF-8";

/* input全体に指定する場合は以下 */
input{
    -webkit-appearance: none;
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

.aligncenter {
	display: block;
	margin : 50px auto;
}

div.text_link--ver1 {
  color: #191816;
  padding: 0 10px 0;
  margin-bottom: 20px;
}

div.text_link--ver1 a {
	border-bottom: solid 3px #191816;
	position: relative;
	padding-bottom: 5px;
	color: #191816;
  font-size: 20px;
}

div.text_link--ver1 a:hover {
  color: #d5c7ac;
  border-bottom: solid 3px #d5c7ac;
  text-decoration: none;
  transition: 0.5s;
}

div.text_link--ver1 a:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #d5c7ac;
  bottom: -3px;
  width: 50%;
}

div.text_link--ver1 a:hover:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #191816;
  bottom: -3px;
  width: 50%;
  transition: 0.5s;
}

.subtitle-thrd {
  border-bottom: 4px solid #d5c7ac;
  font-size: 24px;
  padding: 5px 15px 5px 5px;
  margin-bottom: 5px;
}

/*星のスタイル*/
.rating-star{
  color: #f5bc55;
  font-size: 1.2em;
}
/*数字のスタイル*/
.rating-number{
  color: #333;
  font-size: 0.9em;
  margin-left: 0.4em;
}
.star_box {
	display: flex;
	align-items: center;
}
.star_box__num {
	margin-left: 10px;
}

.coding_tips {
	background: #191816;
	color: #fff;
	padding: 30px;
	border-radius: 10px;
	width: 92%;
	margin-bottom: 20px;
}

.fw_bold {
	font-weight: bold;
}

/* input */
input[type="submit"] {
	width: 100% !important;
	box-sizing: border-box !important;
	display: block;
	color: #fff;
	font-size: 20px;
	background: #191816;
	border: none;
	margin-bottom: 30px;
	padding: 20px 0;
	-webkit-width: 100% !important;
	-webkit-box-sizing: border-box !important;
	-webkit-display: block;
	-webkit-color: #fff;
	-webkit-font-size: 20px;
	-webkit-background: #191816;
	-webkit-border: none;
	-webkit-margin-bottom: 30px;
	-webkit-padding: 20px 0;
}
input[type="submit"]:hover {
	color: #333;
	background: #d5c7ac;
	transition: all 333ms ease-in-out;
}

@media screen and (max-width: 480px) {
	.coding_tips {
		background: #191816;
		color: #fff;
		padding: 7vmin;
		font-size: 3.58vmin;
		border-radius: 10px;
		word-wrap: break-word;
		width: 82%;
	}
	/* input */
	input[type="submit"] {
		width: 100% !important;
		box-sizing: border-box !important;
		display: block;
		color: #fff;
		font-size: 20px;
		background: #191816;
		border: none;
		margin-bottom: 30px;
		padding: 20px 0;
		-webkit-width: 100% !important;
		-webkit-box-sizing: border-box !important;
		-webkit-display: block;
		-webkit-color: #fff;
		-webkit-font-size: 20px;
		-webkit-background: #191816;
		-webkit-border: none;
		-webkit-margin-bottom: 30px;
		-webkit-padding: 20px 0;
	}
}