.item-title {
    width: 215px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #fff;
    margin-bottom: 30px;
    padding-left: 50px;
    background: #55bef8 url(../images/cp/dotted-icon.png) no-repeat 10% 50%;
}

h2.cptitle {
    color: #187fc4;
    font-weight: bold;
}

/*--------------プレミアムウォーターポイント用追加（20180129）-----------------*/

.cf:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.entry-content #ht_pwp{
	background-color: #ffffff;
	width: 100%;
	margin: 0 auto;
	float: left;
}
.entry-content #ht_pwp>div{
	width: 680px;
	margin: 0 20px;
}
.entry-content #ht_pwp section{
	margin-bottom: 50px;
}
#ht_pwp h1 img, #ht_pwp h2 img {
    width: 720px;
    height: auto;
    display: block;
    margin: 0 auto;
}
#ht_pwp h1 img{
  width: 100%;
}
#ht_pwp h2 img {
	margin: 0px auto 32px;
}

#ht_pwp .anatadakeno img{
	display: block;
	margin:30px auto;
}
#ht_pwp menu.main_menu{
	width: 740px;
	display: block;
	margin: 0 auto 80px;
}
#ht_pwp menu.main_menu ul{
	list-style-type: none;
}

#ht_pwp menu.main_menu li{
	width: 30%;
	display: block;
	float: left;
	margin-right: 5%;
}
#ht_pwp menu.main_menu li:last-child{
	margin-right: 0;
}
#ht_pwp menu.main_menu li a,#ht_pwp menu.main_menu li img{
	width: 100%;
	height: auto;
	display: block;
}
#ht_pwp .ht_pwp_sec{
	/*padding-bottom: 80px;*/
}
#ht_pwp h2{
	margin: 0 0 50px;
	padding-top: 20px;
}
#ht_pwp h3{
	/*background-image: url(images/h3_shiduku.png);
	background-position: 5px 10px;
	background-repeat:no-repeat;
	padding-left: 50px;*/
	width: 740px;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 60px;
	margin: 32px auto 0;
	vertical-align: middle;
}
#ht_pwp h3 img{
	margin: 0 15px;
	vertical-align: middle;
}
　
#ht_pwp h4{
	margin-left: 20px;
	font-weight: bold;

}
#ht_pwp section{
	width: 720px;
	margin: 0 auto;
	display: block;
	padding:0px;
  padding-bottom: 48px;
}
#ht_pwp section img{
    width: 720px;
    height: auto;
    display: block;
    margin: 0 auto;
}
#ht_pwp section p{
	line-height: 1.6;
}
#ht_pwp section p.read{
	padding: 10px 20px;
}

.setumei{
	list-style-type: none;
	margin-left: 10px;
	padding: 10px;
}
.setumei li{
	display:inline-block;
	line-height: 1.5;
	margin-bottom: 4px;
}
.setumei li>ul>li{
	margin-bottom: 0px;
}

#ht_pwp section ul.col2 li{
	width: 48%;
	list-style-type: none;
	margin-right: 4%;
	float: left;
	display:inline-block;

}
#ht_pwp section ul.col2 li:last-child{
	margin-right: 0;
}

#ht_pwp section ul.col2,#ht_pwp ul.col3{
	width: 90%;
	display: inline-block;
	margin: 0 5% 30px 5%;
	list-style-type: none;
}

#ht_pwp ul.col3 li{
	width: 30%;
	display: block;
	float: left;
	margin-right: 5%;
}
#ht_pwp ul.col3 li:last-child{
	margin-right: 0;
}
#ht_pwp ul.col3 li a,#ht_pwp ul.col3 li img{
	width: 100%;
	height: auto;
	display: block;
}
#ht_pwp .tebiki{
	background-color: #e6e6fa;
	padding-bottom: 0px;
}
#ht_pwp .tebiki h4{
  font-weight: bold;
}
#ht_pwp .tebiki h4 img{
	width: 36px;
	height: auto;
	display: inline;
	line-height: 72px;
	margin-right: 10px;
	margin-left: 10px;
    vertical-align: middle;
}

/*パソコン用画像表示*/
	#ht_pwp .pc img{
		display: block;
	}
	#ht_pwp .sp img{
		display: none;
	}


/* レスポンシブ設定 */
@media screen and (max-width: 640px) {

        #cpbanner .bnr-area {
          padding: 0 0 5%;
        }

        ul.cpbnr li {
          float: none;
          width: 100%;
        }
        ul.cpbnr li:first-child {
          margin: 0 0 15px;
        }

        h2 {
          font-size: 70% !important;
          background-size: 100% !important;
        }
        span.cptext {
          font-size: 18px !important;
        }

        .item-title {
          width: 155px;
          height: 30px;
          line-height: 30px;
          font-size: 12px;
          margin-bottom: 10px;
          padding-left: 40px;
          background-size: 15px;
        }

        .item-midashi {
          margin-top: 15px;
          font-size: 0.9em;
        }
        .item-tokucho-sestumei_01 {
          font-size: 12px;
        }
        .hidden-xs {
          display: none !important;
        }
        .visible-xs {
          display: block !important;
        }

        a.ohbo-downlord {
          width: 98%;
          height: 40px;
          font-size: 0.9em;
          letter-spacing: 0.1em;
        }
        a.ohbo-downlord img {
          width: 1.1em;
        }
        a.adbreader_dl {
          font-size: 0.8em;
          margin-left: 2px;
        }
        .how2ohbo, .ohbosheet {
          float: none;
        }
        .how2ohbo {
          width: 100%;
        }
        .ohbosheet {
          display: none;
        }

        .indent {
          line-height: 1.5em;
          margin-bottom: 5px;
        }
        a.pvcyplcy {
          font-size: 12px;
        }

        .cpvisual img.flow {
          margin-top: 5px;
        }

        #ht_pwp menu.main_menu{
        	width: 100%;
        }
      article#cnts article#main h2#menu01,article#cnts article#main h2#menu02,article#cnts article#main h2#menu03{
      	width: 100%;
       	height: auto;
       }
      article#cnts article#main h2#menu01 img,article#cnts article#main h2#menu02 img,article#cnts article#main h2#menu03 img{
      	width: 100%;
      	height: auto;
      }

      #ht_pwp h2 img{
      	margin:0  0 32px 0 ;
      }
      #ht_pwp h3{
      	width: 100%;
      	margin: 0;
      }
      #ht_pwp h3 img{
      	margin: 0 4px;
      }
      #ht_pwp section{
      	width: 100%;
        padding-bottom: 32px;
      }
      #ht_pwp section img{
      	width: 100%;
      }

      #ht_pwp .sp img {
          display: block;
      }
      #ht_pwp .pc img {
          display: none;
      }
       

}




