@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Noto+Serif+JP&display=swap&subset=japanese');

#g8090-174-001 {
	margin-top: 20px;
	color: #000000;
}

#g8090-174-001 h2,
#g8090-174-001 h3,
#g8090-174-001 #title p,
#g8090-174-001 .text,
#g8090-174-001 #p_4 p {
	font-family: 'Noto Serif JP', serif;
}

#g8090-174-001 #title {
	position: relative;
	margin-bottom: 100px;
}

#g8090-174-001 #title img,
#g8090-174-001 .colors img{
	 border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

#g8090-174-001 .heading {
	position: absolute;
	top: 20px;
	right: 20px;
	text-align: right;
}

#g8090-174-001 #title p {
	font-size: 44px;
}

#g8090-174-001 h2 {
	font-size: 70px;
}

#g8090-174-001 .br::after {
  content: "\A" ;
  white-space: pre;
}

#g8090-174-001 .line {
	 background:linear-gradient(transparent 50%, #ffff66 0%);
}

#g8090-174-001 .fea {
	background-color: #ffffff;
	border-radius: 20px;
	margin-bottom: 100px;
}

#g8090-174-001 h3 {
	background-color: #3788d0;
	border-radius: 20px 20px 0 0 / 20px 20px 0 0;
	-webkit-border-radius: 20px 20px 0 0 / 20px 20px 0 0;
	-moz-border-radius: 20px 20px 0 0 / 20px 20px 0 0;
	color: #ffffff;
	font-size: 36px;
	position:relative;
	padding: 20px 20px 20px 150px;
	line-height: 1.3em;
}

#g8090-174-001 #p_1 h3:before {
	position:absolute;
	left: 20px;
	top: 10px;
	content: "";
	display: inline-block;
	width: 105px;
	height: 105px;
	background: url(../../../img/usr/goods/g8090-174-001/point_1.png) no-repeat;
	background-size: contain;
}

#g8090-174-001 #p_2 h3:before {
	position:absolute;
	left: 20px;
	top: 10px;
	content: "";
	display: inline-block;
	width: 105px;
	height: 105px;
	background: url(../../../img/usr/goods/g8090-174-001/point_2.png) no-repeat;
	background-size: contain;
}

#g8090-174-001 #p_3 h3:before {
	position:absolute;
	left: 20px;
	top: 10px;
	content: "";
	display: inline-block;
	width: 105px;
	height: 105px;
	background: url(../../../img/usr/goods/g8090-174-001/point_3.png) no-repeat;
	background-size: contain;
}

#g8090-174-001 #p_4 h3:before {
	position:absolute;
	left: 20px;
	top: 10px;
	content: "";
	display: inline-block;
	width: 105px;
	height: 105px;
	background: url(../../../img/usr/goods/g8090-174-001/point_4.png) no-repeat;
	background-size: contain;
}

#g8090-174-001 .inner {
	padding: 35px 30px 60px;
}

#g8090-174-001 #p_4 .fix {
	padding: 70px 30px 60px;
}

#g8090-174-001 .text,
#g8090-174-001 #p_4 p {
	font-size: 22px;
}

#g8090-174-001 .text {
	margin-bottom: 30px;
}

#g8090-174-001 #comment {
	padding: 30px;
}

#g8090-174-001 #comment .text {
	font-size: 36px;
}

#g8090-174-001 #comment .staff {
	margin-bottom: 30px;
}

#g8090-174-001 #comment .fix {
	margin-bottom: 20px;
}

#g8090-174-001 #comment .portrait {
	margin-right: 15px;
}

#g8090-174-001 #comment .name {
	font-size: 1.3em;
}

#g8090-174-001 #comment span {
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 5px;
}

#g8090-174-001 #p_2 h3,
#g8090-174-001 #p_3 h3{
	padding: 40px 20px 40px 150px;
}

#g8090-174-001 #p_4 .fleft,
#g8090-174-001 #p_4 .fright	{
	background-color: #4f7495;
}

#g8090-174-001 #p_4 .fleft p,
#g8090-174-001 #p_4 .fright p	{
	color: #ffffff;
	padding: 5px 15px 15px;
}

#g8090-174-001 #comment_size {
	padding: 30px;
}

#g8090-174-001 #comment_size .text {
	font-size: 36px;
}

#g8090-174-001 #comment_size .staff {
	margin-bottom: 30px;
}

#g8090-174-001 #comment_size .fix {
	margin-bottom: 20px;
}

#g8090-174-001 #comment_size .portrait {
	margin-right: 15px;
}

#g8090-174-001 #comment_size .name {
	font-size: 1.3em;
}

#g8090-174-001 #comment_size span {
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 5px;
}

#g8090-174-001 .bnr {
	margin-bottom: 100px;
}

@media screen and ( min-width:521px ){ /* tablet&PC */
#g8090-174-001 .sp {
	display: none;
}
	
#g8090-174-001 .pc_br::after {
  content: "\A" ;
  white-space: pre;
}

#g8090-174-001 .fix:after {
	content: "";
	clear: both;
	display: block;
}	

#g8090-174-001 #comment .text {
	margin-bottom: 50px;
}
	
#g8090-174-001 #comment .portrait,
#g8090-174-001 #comment .name,
#g8090-174-001 #comment ul {
	float: left;	
}
	
#g8090-174-001 #comment .fix {
	margin-left: 30px;
}

#g8090-174-001 #comment .staff .name {
	margin: 0.5em 20px 0 0;
}

#g8090-174-001 #comment .staff .staff_shop .name {
	margin: 40px 20px 0 0;
}
	
#g8090-174-001 #comment .staff .staff_shop ul {
	margin-top: 43px;		
}

#g8090-174-001 .movie {
	width: 550px;
	margin-left: 162px;
}
		
#g8090-174-001 #p_4 .fleft,
#g8090-174-001 #p_4 .fright	{
	width: 437px;
}
	
#g8090-174-001 .fleft {
	float: left;
}
	
#g8090-174-001 .fright {
	float: right;
}
	
#g8090-174-001 #comment_size .text {
	margin-bottom: 50px;
}
	
#g8090-174-001 #comment_size .portrait,
#g8090-174-001 #comment_size .name,
#g8090-174-001 #comment_size ul {
	float: left;	
}
	
#g8090-174-001 #comment_size .fix {
	margin-left: 30px;
}

#g8090-174-001 #comment_size .staff .name {
	margin: 1em 20px 0 0;
}

#g8090-174-001 #comment_size .staff ul {
	margin-top: 0.7em;
}
	
}

@media screen and ( max-width:520px ){/* SP */
#g8090-174-001 .pc {
	display: none;
}
	  
 #g8090-174-001 .heading {
	top: 10px;
	right: 10px;
}

#g8090-174-001 #title {
	margin-bottom: 50px;
}
  
#g8090-174-001 #title p {
	font-size: 16px;
}

#g8090-174-001 h2 {
	font-size: 30px;
	padding: 0;
	background-color: transparent;
}

#g8090-174-001 .fea {
	margin-bottom: 50px;
}

#g8090-174-001 h3 {
	font-size: 22px;
	padding: 10px 10px 10px 90px;
}

#g8090-174-001 #p_1 h3:before,
#g8090-174-001 #p_2 h3:before,
#g8090-174-001 #p_3 h3:before,
#g8090-174-001 #p_4 h3:before{
	left: 10px;
	top: 10px;
	width: 70px;
	height: 70px;
}
	
#g8090-174-001 .inner {
	padding: 20px 15px 30px;
}
	
#g8090-174-001 #p_4 .fix {
	padding: 40px 15px 30px;
}

#g8090-174-001 .text,
#g8090-174-001 #p_4 p {
	font-size: 18px;
}
	
#g8090-174-001 .text {
	margin-bottom: 15px;
}
	
#g8090-174-001 #comment {
	padding-top: 15px;
}
	
#g8090-174-001 #comment .text {
	font-size: 22px;
	margin-bottom: 25px;
}

#g8090-174-001 #comment .staff.last {
	margin-bottom: 15px;
}
	
#g8090-174-001 #comment img {
	width: 70px;		
}
	
#g8090-174-001 #comment .fix:after {
	content: "";
	clear: both;
	display: block;
}	
	
#g8090-174-001 #comment .portrait,
#g8090-174-001 #comment .sp_fleft {
	float: left;	
}
	
#g8090-174-001 #comment .sp_fleft {
	margin-top: 20px;	
}

#g8090-174-001 #p_2 h3,
#g8090-174-001 #p_3 h3{
	padding: 15px 10px 17px 90px;
}
	
#g8090-174-001 #p_4 .fleft {
	margin-bottom: 30px;	
}
	
#g8090-174-001 #comment_size {
	padding-top: 15px;
}

#g8090-174-001 #comment_size .text {
	font-size: 22px;
	margin-bottom: 25px;
}

#g8090-174-001 #comment_size .fix:after {
	content: "";
	clear: both;
	display: block;
}	
	
#g8090-174-001 #comment_size .portrait,
#g8090-174-001 #comment_size .sp_fleft {
	float: left;	
}
	
#g8090-174-001 .bnr {
	margin-bottom: 50px;
}
		
}