@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');

#g9211203 {
	font-family: 'Noto Sans JP', sans-serif;
	color: #000000;
	margin-bottom: 200px;
}

#g9211203 .block {
	display: block;
}

#g9211203 .center {
	text-align: center;
}

#g9211203 span.pink {
	color: #ea6188;
}

#g9211203 span.black {
	color: #000000;
}

#g9211203 span.green {
	color: #22b4b9;
}

#g9211203 .right {
	text-align: right;
}

#g9211203 #title,
#g9211203 .box,
#g9211203 #walk {
	margin-bottom: 200px;
}

#g9211203 #title {
	background: url(../../../img/usr/goods/g9211203/title_bg_pc.png) no-repeat #ffffff;
	border: 5px solid #ffffff;
	padding: 0 30px 30px;
}

#g9211203 #title .text {
	display: inline-block;
	background-color: #01b4ed;
	color: #ffffff;
	font-size: 40px;
	font-weight: 700;
	padding: 0 10px 0;
	margin-bottom: 20px;
}

#g9211203 #title h2 {
	font-size: 90px;
	font-weight: 900;
	color: #22b4b9;
	line-height: 1.4em;	
	text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
              0px 2px 0 #FFF,  0-2px 0 #FFF,
              -2px 0 0 #FFF, 2px 0 0 #FFF;
}

#g9211203 #title h2 span.pink {
	font-size: 120px;
}

#g9211203 #title h2 span.black {
	font-size: 36px;
	font-weight: 700;
}

#g9211203 .box {
	background: url(../../../img/usr/goods/g9211203/bg_pc.png) no-repeat #ffffff;
	border: 5px solid #ffffff;
	padding: 30px;
}

#g9211203 .heading {
	background: url(../../../img/usr/goods/g9211203/b_line.png) no-repeat;
	background-position: left bottom;
	padding-bottom: 30px;
	margin-bottom: 60px;
}

#g9211203 #point_1 .heading h3 {
	background: url(../../../img/usr/goods/g9211203/p_1.png) no-repeat;
	background-position: left center;
	padding: 10px 0 10px 195px;
}

#g9211203 #point_2 .heading h3 {
	background: url(../../../img/usr/goods/g9211203/p_2.png) no-repeat;
	background-position: left center;
	padding: 10px 0 10px 195px;
}

#g9211203 #point_3 .heading h3 {
	background: url(../../../img/usr/goods/g9211203/p_3.png) no-repeat;
	background-position: left center;
	padding: 10px 0 10px 195px;
}

#g9211203 #point_4 .heading h3 {
	background: url(../../../img/usr/goods/g9211203/p_4.png) no-repeat;
	background-position: left center;
	padding: 10px 0 10px 195px;
}

#g9211203 #point_5 .heading h3 {
	background: url(../../../img/usr/goods/g9211203/p_5.png) no-repeat;
	background-position: left center;
	padding: 10px 0 10px 195px;
}

#g9211203 .heading h3 {
	font-size: 70px;
	font-weight: 900;
}
	
#g9211203 .heading h3 span.black {
	font-size: 36px;
	font-weight: 700;
}

#g9211203 #point_1 .text {
	font-size: 24px;
}

#g9211203 .u_line {
	background:linear-gradient(transparent 60%, #fffc01 0%);
}

#g9211203 .review_select {
	background-color: #f9f2e1;
	margin-top: 60px;
	padding: 30px;
}

#g9211203 .review_select .review_select_ttl {
	font-size: 24px;
	margin-bottom: 30px;
	text-align: center;
}

#g9211203 .review_select .fix .person {
	text-align: center;
	font-size: 18px;
}

#g9211203 .review_select .fix .person img {
	width: 120px;
	height: 120px;
}

#g9211203 .review_select .fix .person span {
	display: block;	
}

#g9211203 .review_select .fix .person .person_comment {
	margin-top: 20px;
	display: block;
 	position: relative;
 	padding: 20px;
 	background-color: #ffffff;
	border-radius: 10px;	
}

#g9211203 .review_select .fix .person .person_comment::before {
	content: '';
 	position: absolute;
 	display: block;
 	width: 0;
 	height: 0;
 	left: 45%;
 	top: -15px;
}

#g9211203 .review_select .fix .person .person_comment::after {
	content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 45%;
  top: -15px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #ffffff;
  border-left: 15px solid transparent;
}

#g9211203 dl dt {
	display: inline-block;
	background-color: #22b4b9;
	color: #ffffff;
	font-size: 30px;
	font-weight: 500;
	padding: 0 10px 3px;
	margin-bottom: 10px;	
}

#g9211203 dd {
	font-size: 24px;
	line-height: 1.4em;
}

#g9211203 #point_2 dl.center {
	margin-bottom: 50px;
}

#g9211203 #step_1,
#g9211203 #step_2 {
	background: url(../../../img/usr/goods/g9211203/arrow.png) no-repeat;
	background-position: center bottom;
	padding: 0 0 84px;
	margin-bottom: 15px;
}

#g9211203 #step_1 div,
#g9211203 #step_2 div,
#g9211203 #step_3 div {
	background-color: #ffffff;
	border: 1px solid #000000;
}

#g9211203 #walk {
	background-color: #ffffff;
	padding: 30px 0 30px;
}

#g9211203 #point_4 #mesh_1,
#g9211203 #point_4 #mesh_2 {
	position: absolute;
	background-color: #22b4b9;
	color: #ffffff;
	font-size: 30px;
	line-height: 1.2em;
	padding: 10px;
}

#g9211203 #point_4 #mesh_1 {
	margin-top: -750px;
	margin-left: 530px;
}

#g9211203 #point_4 #mesh_2 {
	margin-top: -120px;
	margin-left: 100px;
}

#g9211203 .heading h4 {
	font-size: 60px;
	color: #22b4b9;
	font-weight: 900;
	text-align: center;
}

#g9211203 #insole {
	position: absolute;
	margin-top: -600px;
	margin-left: 60px;
}

#g9211203 h5 {
	font-size: 48px;
	color: #22b4b9;
	font-weight: 500;
}

#g9211203 #outsole {
	margin-top: 200px;
}

#g9211203 #outsole li {
	background: url(../../../img/usr/goods/g9211203/bullet.png) no-repeat;
	background-position: left center;
	font-size: 24px;
	padding: 5px 0 5px 65px;
	margin: 15px 0 15px;
}

#ttl_review {
	font-family: 'Noto Sans JP', sans-serif;
	color: #000000;
	text-align: center;
	font-size: 40px;
	margin-bottom: 10px;
}

@media screen and ( min-width:521px ){ /* tablet&PC */
	
#g9211203 .pc_block {
	display: block;
}
	
#g9211203 .fix:after {
	content: "";
	clear: both;
	display: block;
}
	
#g9211203 .review_select .fix .person {
	float: left;
	width: 45%
}
	
#g9211203 .review_select .fix .person:nth-child(odd) {
	margin-right: 10%;
}
	
#g9211203 .review_select .fix .person:nth-child(3) {
	margin-top: 50px;
}

#g9211203 #step_1 dl,
#g9211203 #step_2 dl,
#g9211203 #step_3 dl {
	position: absolute;
	margin-top: -260px;
	margin-left: 450px;
	width: 410px;	
}
	
#g9211203 #step_1 div,
#g9211203 #step_2 div, 
#g9211203 #step_3 div {
	padding: 0 20px 20px;		
}

#g9211203 #point_3 .fea div {
	margin-top: 50px;
}
	
#g9211203 #point_3 .fea div:after{
	content: "";
	clear: both;
	display: block;
}

#g9211203 #point_3 .fea div p {
	float: left;
}

#g9211203 #point_3 .fea div dl {
	float: right;
	width: 430px;
	margin: 120px 15px 0 15px;
}
	
	
#g9211203 #outsole div {
	float: left;		
}
	
#g9211203 #outsole h5,
#g9211203 #outsole ul {
	margin-left: 50px;	
}	

#g9211203 #outsole h5 {
	margin-top: 170px;	
}

.sp_display {
	display: none;		
}
	
#free_change {
	margin: 100px 0 0;		
}
	
}

@media screen and ( max-width:520px ){/* SP */
#g9211203 h2 {/* 絶対必要 */
	padding: 0;
	background-color: transparent;
}
		
#g9211203 {
	margin-bottom: 50px;
}
	
#g9211203 .sp_block {
	display: block;
}
	
#g9211203 #title,
#g9211203 .box,
#g9211203 #walk	{
	margin-bottom: 50px;
}
	
#g9211203 #title {
	background: url(../../../img/usr/goods/g9211203/title_bg_sp.png) no-repeat #ffffff;
	background-size: 100%;
	border: 3px solid #ffffff;
	padding: 0 10px 10px;
}
	
#g9211203 #title .center img {
	width: 80%;
}
	
#g9211203 #title .logo img {
	width: 50%;
}
	
#g9211203 #title .text {
	background-color: transparent;	 
	color: #01b4ed;
	font-size: 18px;
	padding: 0;
	margin-bottom: 0;
}

#g9211203 #title h2 {
	font-size: 32px;
	line-height: 1.2em;
}
		
#g9211203 #title h2 span.pink {
	font-size: 32px;
}
	
#g9211203 #title h2 span.black {
	font-size: 16px;
}
	
#g9211203 .box {
	background: url(../../../img/usr/goods/g9211203/bg_sp.png) no-repeat #ffffff;
	background-size: 100%;
	border: 3px solid #ffffff;
	padding: 10px;
}

#g9211203 .heading {
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#g9211203 #point_1 .heading h3 {
	background-position: center top;
	background-size: 80px;
	padding: 90px 0 0;
}

#g9211203 #point_2 .heading h3 {
	background-position: center top;
	background-size: 80px;
	padding: 90px 0 0;
}

#g9211203 #point_3 .heading h3 {
	background-position: center top;
	background-size: 80px;
	padding: 90px 0 0;
}

#g9211203 #point_4 .heading h3 {
	background-position: center top;
	background-size: 80px;
	padding: 90px 0 0;
}
	
#g9211203 #point_5 .heading h3 {
	background-position: center top;
	background-size: 80px;
	padding: 90px 0 0;
}
	
#g9211203 .heading h3 {
	font-size: 29px;
	text-align: center;
}
	
#g9211203 .heading h3 span.black {
	font-size: 18px;
}

#g9211203 #point_1 .fea img,
#g9211203 #point_2 .fea img	{
	width: 80%;
}
	
#g9211203 #point_1 .text {
	font-size: 12px;
}

#g9211203 .review_select {
	margin-top: 20px;
	padding: 10px;
}

#g9211203 .review_select .review_select_ttl {
	font-size: 14px;
	margin-bottom: 10px;
}
	
#g9211203 .review_select .fix .person {
	font-size: 12px;
	margin-bottom: 30px;
}
	
#g9211203 .review_select .fix .person:last-child {
	margin-bottom: 0;
}

#g9211203  dl dt {
	font-size: 14px;
}

#g9211203 dd {
	font-size: 12px;
}	
	
#g9211203 #point_2 dl.center {
	margin-bottom: 20px;
}

#g9211203 #step_1 div,
#g9211203 #step_2 div,
#g9211203 #step_3 div,
#g9211203 #point_3 .fea div {
	text-align: center;
	padding: 0 10px 10px;
}
	
#g9211203 #step_1 dl,
#g9211203 #step_2 dl,
#g9211203 #step_3 dl {
	padding-top: 10px;
}
	
#g9211203 #step_1,
#g9211203 #step_2 {
	background-size: 90px 33px;
	padding: 0 0 51px;
}
	
#g9211203 #point_3 .fea div img {
	width: 50%;	
	margin: 15px 0 15px;
}

#g9211203 #walk {
	padding: 10px 0 10px;
}
	
#g9211203 #walk img {
	width: 90%;
}
		
#g9211203 #point_4 #mesh_1,
#g9211203 #point_4 #mesh_2 {
	font-size: 14px;
	padding: 5px;
}

#g9211203 #point_4 #mesh_1 {
	margin-top: -350px;
	margin-left: 140px;
}

#g9211203 #point_4 #mesh_2 {
	margin-top: -80px;
	margin-left: 40px;
}
	
#g9211203 .heading h4 {
	font-size: 28px;
}
	
#g9211203 .right img {
	width:60%;		
}
	
#g9211203 #insole {
	position: absolute;
	margin-top: -170px;
	margin-left: 0;
}
	
#g9211203 h5 {
	font-size: 24px;
}

#g9211203 #outsole {
	margin-top: 50px;
}
	
#g9211203 #outsole img {
	width: 50%;
	margin-left: 25%;
}
	
#g9211203 #outsole li {
	background-size: 30px;
	font-size: 12px;
	padding: 5px 0 5px 40px;
	margin: 5px 0 5px;
	line-height: 1.3em;
}

.pc_display {
	display: none;		
}
	
#ttl_review {
	font-size: 24px;
	margin-bottom: 5px;
}
	
#free_change {
	margin: 50px 0 50px;		
}
	
}