@charset "utf-8";

#itemDetail {
	width:95%;
	margin:30px auto;
}
#itemDetail div.item-description--uPkCV{
	line-height:1.6 !important;
}

#itemDetail div.item-description--uPkCV p[align="center"]{
    margin: 0px;
}

#pointArea #ptAreainContent {
	line-height:2.0 !important;
	background-color: #ffffff;
}


 #pointArea #ptAreainContent #flow a:link{
	text-decoration: underline;
	color: #E35206;
}

#pointArea #ptAreainContent #flow a:visited{
	text-decoration: underline;
	color: #E35206;
}

#pointArea #ptAreainContent #flow a:hover{
	text-decoration: none;
	color:#FCB075;
}

#pointArea #ptAreainContent #flow a:active{
	text-decoration: none;
	color:#FCB075;
}




 #pointArea #ptAreainContent dl a:link{
	text-decoration: underline;
	color: #E35206;
}

#pointArea #ptAreainContent dl a:visited{
	text-decoration: underline;
	color: #E35206;
}

#pointArea #ptAreainContent dl a:hover{
	text-decoration: none;
	color:#FCB075;
}

#pointArea #ptAreainContent dl a:active{
	text-decoration: none;
	color:#FCB075;
}


#pointArea #ptAreainContent img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	padding-bottom: 10px;
}



/*========================================
	             header部分
=========================================*/

#pointArea .header{
	position: relative;
	margin-bottom: 15px;
	
}

/*  ↓  ↓  ↓  画像に対しての文字位置  ↓  ↓  ↓   */

#pointArea .header .receipt{
	position: absolute;
	bottom: 20px;
	left: 50px;
	font-size: 30px;
	font-weight: bold;
}

#pointArea .header .YHCtitle{
	position: absolute;
	bottom: 13px;
	left: 165px;
	font-size: 25px;
	font-weight: bold;
}

/*===========================================*/




#pointArea #ptAreainContent ul{
	list-style: none;
	padding-left: 0;
	
}

#pointArea #ptAreainContent ul li{
	float: left;
	margin-bottom: 15px;
	font-size: 16px;
}

#pointArea #ptAreainContent ul li:nth-of-type(1){
	margin-right: 10px;
}

#pointArea #ptAreainContent ul li:nth-of-type(2){
	margin-right: 10px;
}

#pointArea #ptAreainContent ul li:nth-of-type(3){
	margin-right: 10px;
}



/*========================================
	      領収書についてボタン部分
=========================================*/

#pointArea #ptAreainContent .receipt_button {
  display: inline-block;
  width: 162px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  background-color: #0b7ccc;
  border: 2px solid #0b7ccc;
  color: #fff ; 
  line-height: 54px;
}
#pointArea #ptAreainContent .receipt_button::before,
#pointArea #ptAreainContent .receipt_button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
#pointArea #ptAreainContent .receipt_button,
#pointArea #ptAreainContent .receipt_button::before,
#pointArea #ptAreainContent .receipt_button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .1s;
  transition: all .1s;
}

#pointArea #ptAreainContent .receipt_button:link{
	color: #FFFFFF;
}

#pointArea #ptAreainContent .receipt_button:visited{
	color: #FFFFFF;
}

#pointArea #ptAreainContent .receipt_button:hover {
  background-color: #fff;
  border-color: #0b7ccc;
  color: #0b7ccc ;
}

/*======================================*/




/*=======================================
	      YHCについてボタン部分
========================================*/

#pointArea #ptAreainContent .YHC_button {
  display: inline-block;
  width: 162px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  background-color: #0b7ccc;
  border: 2px solid #0b7ccc;
  color: #fff ; 
  line-height: 50px;
	font-size: 14px;
}
#pointArea #ptAreainContent .YHC_button::before,
#pointArea #ptAreainContent .YHC_button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
#pointArea #ptAreainContent .YHC_button,
#pointArea #ptAreainContent .YHC_button::before,
#pointArea #ptAreainContent .YHC_button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .1s;
  transition: all .1s;
}

#pointArea #ptAreainContent .YHC_button:link{
	color: #FFFFFF;
}

#pointArea #ptAreainContent .YHC_button:visited{
	color: #FFFFFF;
}

#pointArea #ptAreainContent .YHC_button:hover {
  background-color: #fff;
  border-color: #0b7ccc;
  color: #0b7ccc ;
}

/*=====================================*/




#flow img{
	padding-top: 15px;
	padding-bottom: 20px;
}


#pointArea #ptAreainContent p{
	font-size: 13px;
}


#pointArea #ptAreainContent .mB60 p,#pointArea #ptAreainContent #flow p{
	background-image: url(https://shopping.c.yimg.jp/lib/hikaritv/ic_01.png);
	background-repeat: no-repeat;
	background-position: 30px 8px;
}


#pointArea #ptAreainContent dt{
	border-left: 7px solid #4fa5f4;
	border-bottom: 1px solid #a4a4a4;
	font-weight: bold;
	padding-left: 20px;
	padding-bottom: 3px;
	margin-left: 17px;
	margin-right: 17px;
	margin-bottom: 15px;
}

#pointArea #ptAreainContent dd{
	margin-bottom: 30px;
	font-size: 13px;
	margin-left: 55px;
	margin-right: 25px;
}

#pointArea #ptAreainContent dl dd:nth-of-type(4){
	margin-left: 0;
}

#pointArea #ptAreainContent dd p{
	background-image: url(https://shopping.c.yimg.jp/lib/hikaritv/ic_01.png);
	background-repeat: no-repeat;
	background-position: 0 7px;
	margin-left: 40px;
	padding-left: 15px;
}

#pointArea #ptAreainContent .method{
	font-size: 18px;
	font-weight: bold;
}

#pointArea #ptAreainContent .method img{
	vertical-align: middle;
	padding-right: 8px;
}

#pointArea #ptAreainContent span{
	font-weight: bold;
}

#pointArea #ptAreainContent .red{
	color: #C3070A;
	font-weight: bold;
}

#pointArea #ptAreainContent .section{
	margin-bottom: 80px;
}

#pointArea #ptAreainContent .section-sample{
	margin-bottom: 0;
}

#pointArea #ptAreainContent .mb10{
	margin-bottom: 10px;
}



/*===================================
	      サンプル画像拡大css
====================================*/

.resize{
    width:296px;
    display:block;
    padding:1em;
    box-sizing:border-box;
    transition: all 0.5s ease-in-out;
}
.resize:focus{
    height:auto;
    width:100%;
    transition: all 0.5s ease-in-out;
    outline:none;
}

.resize > p{
     margin:0;
    line-height:1;
}

/*==================================*/



/*===================================
	          padding
====================================*/

#pointArea #ptAreainContent .pL4em {
	padding-left: 4em;
}

#pointArea #ptAreainContent .pL15{
	padding-left: 15px;
}

#pointArea #ptAreainContent .pL45{
	padding-left: 45px;
}

#pointArea #ptAreainContent .pT40{
	padding-top: 40px;
}

/*===================================*/


/*===================================
	           margin
====================================*/

#pointArea #ptAreainContent mB10{
	margin-bottom: 10px;
}

#pointArea #ptAreainContent mB15{
	margin-bottom: 15px;
}

#pointArea #ptAreainContent mB25{
	margin-bottom: 25px;
}

#pointArea #ptAreainContent mB30{
	margin-bottom: 30px;
}

#pointArea #ptAreainContent mB50{
	margin-bottom: 50px;
}

/*===================================*/




/*===================================
	          banner
====================================*/


#pointArea #ptAreainContent .banner a:hover{
	opacity: 0.7
}

/*===================================*/





/*===================================
	          line
====================================*/


#pointArea #ptAreainContent .UdL{
	text-decoration: underline;
}

/*===================================*/






#pointArea #ptAreainContent .pageup{
	text-align: right;
	padding: 10px 5px 0 5px;
	margin-bottom: 50px;
}

#pointArea #ptAreainContent .section-sample .pageup{
	margin-bottom: 35px;
}


#pointArea #ptAreainContent ul:after{
	content: "";
	display: block;
	clear: both;
		
}