@charset 'UTF-8';
* {
	margin: 0;
	padding: 0;
}
.choose-wrap {
	position: relative;
	margin: 30px 0 0 0;
	padding: 0;
	color: #333;
	font-family: 'meiryo', sans-serif;
	font-family: Meiryo, メイリオ, sans-serif;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.choose-wrap .pc {
	display: inline !important;
}
.choose-wrap .sp {
	display: none !important;
}
.choose-wrap .read {
	margin: 0 auto 10px;
	padding: 0;
	font-size: 24px;
	font-weight: normal;
	line-height: 200%;
}
.choose-wrap .read span {
	font-size: 36px;
}
.choose-wrap .readtxt {
	margin: 0 auto 20px;
	padding: 0;
	font-size: 16px;
}
.choose-wrap .main {
	margin: 0 auto 50px;
	padding: 0;
}
.choose-wrap .btnlist {
	margin: 0 auto 50px;
	padding: 0;
	width: 980px;
	overflow: hidden;
}
.choose-wrap .btnlist li {
	float: left;
	margin: 0;
	padding: 0;
	width: 480px;
	list-style: none;
}
.choose-wrap .btnlist li.mr20 {
	margin-right: 20px;
}
.choose-wrap .section {
	margin: 0 auto;
	padding: 100px 0;
}
.choose-wrap #chart.section {
/*	padding-top: 50px;*/
}
.choose-wrap #list.section {
	border-top: 1px solid #00a0e8;
}

.choose-wrap #list.noborder {
	border-top: none;
}

.choose-wrap .ttl {
	margin: 0;
	padding: 0 0 50px 0;
}
.choose-wrap .detail {
	margin: 0 auto 50px;
	padding: 0;
	width: 980px;
	font-size: 14px;
	overflow: hidden;
}
.choose-wrap .sttl {
	padding: 10px 0;
	font-size: 24px;
	font-weight: normal;
	line-height: 150%;
}
.choose-wrap #face .sttl {
	color: #00a0e8;
}
.choose-wrap #body .sttl {
	color: #f7931e;
}
.choose-wrap .sttl .f16 {
	margin-left: 20px;
	font-size: 16px;
}
.choose-wrap .bttl {
	padding: 10px;
	color: #ffffff;
	font-size: 16px;
	font-weight: normal;
	line-height: 150%;
}
.choose-wrap .bttl.pale {
	background-color: #f2dac2;
	color: #000000;
}
.choose-wrap .bttl.blue {
	background-color: #00a0e8;
}
.choose-wrap .bttl.orange {
	background-color: #f7931e;
}
.choose-wrap table {
	width: 100%;
	border-collapse: collapse;
	color: #000000 !important;
}
.choose-wrap table.w4 {
	float: left;
	width: auto;
}
.choose-wrap table.w4_2 {
	width: auto;
}
@media screen and (min-width:377px) and ( max-width:979px) {
   .choose-wrap table.w4_2{
       width: auto;
       float:left;
    }
}
.choose-wrap th,
.choose-wrap td {
	padding: 0.5em 8px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	font-size: 14px;
	vertical-align: ;
}
.choose-wrap th {
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}
.choose-wrap td {
	text-align: center;
}
.choose-wrap tr:nth-child(even) th,
.choose-wrap tr:nth-child(even) td {
	background-color: #f5f5f5 !important;
}
.choose-wrap tr:first-child th,
.choose-wrap tr:first-child td {
	padding-bottom: 0;
	border-top: 0;
	vertical-align: bottom;
}
.choose-wrap table.w4 tr td:last-child {
	border-right: 0;
}
.choose-wrap table.w4 th,
.choose-wrap table.w4_2 th {
	width: 78px;
}
.choose-wrap table.w4 td,
.choose-wrap table.w4_2 td {
	width: 204px;
}
.choose-wrap #body table.w4 td,
.choose-wrap #body table.w4_2 td {
	width: 194px;
}
.choose-wrap #body table.w4_2 td.w230 {
	padding: 0.5em 5px 0 5px;
	width: 240px;
}
.choose-wrap td.lh2 {
	height: 3.2em;
/*	line-height: 3.2em;*/
}
.choose-wrap td span {
	display: block;
	font-weight: bold;
}
.choose-wrap .pale td span {
	color: #9e7c58;
}
.choose-wrap .blue td span {
	color: #00a0e8;
}
.choose-wrap .orange td span {
	color: #f7931e;
}
.choose-wrap .orange td span.blue {
	color: #00a0e8;
	font-weight: normal;
}
/*
.choose-wrap td img.mt15 {
	margin-top: 0.5em;
}
*/
.choose-wrap td sup {
	position: absolute;
	margin-top: -4px;
}
.choose-wrap td a {
	color: #00a0e8;
	text-decoration: none;
}
.choose-wrap .claim-area {
	margin: 0 auto;
	padding: 20px;
	width: 940px;
	background: #f3f3f3;
	font-size: 13px;
	text-align: left;
}
.choose-wrap .claim-area ul {
	margin: 0;
	padding: 0;
}
.choose-wrap .claim-area li {
	padding-left: 1.5em;
	font-size: 13px;
	list-style: none;
	text-indent: -1.5em;
}

@media (max-width: 980px) {
.choose-wrap {
	margin: 1em 0 0 0;
	width: 100%;
}
.choose-wrap .pc {
	display: none !important;
}
.choose-wrap .sp {
	display: block !important;
}
.choose-wrap img {
	width: 100%;
	height: auto;
}
.choose-wrap .read {
	margin-bottom: 0.2em;
	font-size: 18px;
	line-height: 150%;
}
.choose-wrap .read span {
	font-size: 22px;
}
.choose-wrap .readtxt {
	margin-bottom: 1em;
	font-size: 14px;
}
.choose-wrap .main {
	margin-bottom: 1.5em;
}
.choose-wrap .btnlist {
	margin: 0 4%;
	width: 92%;
}
.choose-wrap #list .btnlist {
	margin: 0;
	width: 100%;		
}
.choose-wrap .btnlist li {
	float: none;
	margin: 0 0 1em 0;
	width: 100%;
}
.choose-wrap .btnlist li.mr20 {
	margin-right: 0;
}
.choose-wrap .section {
	margin: 0 4%;
/*	padding: 3em 0;*/
	padding:0;
	width: 92%;
}
.choose-wrap .ttl {
	padding-bottom: 2em;
/*	padding-top: 2em;*/
}
.choose-wrap .sttl {
	padding-top: 1em;
	font-size: 18px;
}
.choose-wrap .sttl .f16 {
	font-size: 14px;
}
.choose-wrap .detail {
	margin: 0 0 2em 0;
	padding: 0;
	width: 100%;
	font-size: 12px;
}
.choose-wrap .bttl {
	padding: 0.2em 3%; 
	font-size: 14px;
}
.choose-wrap th,
.choose-wrap td {
	display: table-cell !important;
	padding: 0.5em 1.5% !important;
	font-size: 10px;
}
.choose-wrap th {
	width: auto !important;
	line-height: 140%;
	white-space : nowrap;
/*	width: 22% !important;*/
}
.choose-wrap td {
	width: 37% ;
}
.choose-wrap tr:first-child th,
.choose-wrap tr:first-child td {
	padding-bottom: 0 !important;
	vertical-align: middle;
}
.choose-wrap table.w4 tr:last-child th,
.choose-wrap table.w4 tr:last-child td {
	border-bottom: 0;
}
.choose-wrap table.w4_2.blue tr:first-child th,
.choose-wrap table.w4_2.blue tr:first-child td {
	border-top: 2px solid #00a0e8;
}
.choose-wrap table.w4_2.orange tr:first-child th,
.choose-wrap table.w4_2.orange tr:first-child td {
	border-top: 2px solid #f7931e;
}
.choose-wrap table.w4 tr td:last-child {
	border-right: 1px solid #dddddd;
}
.choose-wrap td.lh2 {
	height: auto;
	line-height: 150%;
}
.choose-wrap td img {
	margin: 0 auto;
	width: 100%;
	max-width:120px;
	height: auto;
}
.choose-wrap table .sp {
	display: table-cell !important;
}
.choose-wrap .claim-area {
	margin: 0 auto;
	padding: 0.8em 3%;
	width: 94%;
}
.choose-wrap .claim-area li {
	font-size: 12px !important;
}
}

/*2018 04*/
.choose-wrap .p0 {
	padding: 0!important;
}
.choose-wrap .mt- {
	margin-top: -60px;
}
.choose-wrap .mt-2 {
	margin-top: -120px;
}

@media (max-width: 980px) {
	.choose-wrap .mt-2 {
	margin-top: -120px;
}
}

/*2020 01*/
.hr-blue-line{
    width: 100%;
    height: 2px;
    background-color:#00a0e8;
    border-width: 2px;
}
.choose-wrap .detail-nospace{
	margin: 0 auto;
	padding: 0;
	width: 980px;
	font-size: 14px;
	overflow: hidden;
}
@media (max-width:  736px) {
    .choose-wrap .detail-nospace {
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 12px;
}
}
@media screen and(min-width:377px)and(max-width:979px){
   .choose-wrap table.w4_2{
        float:left;
    }
}
/*202002追加UV一覧注釈*/
.uvchart_claim {
    margin-bottom: 60px;
    margin-top: -30px;
}
.uvchart_claim dt, {
    margin-right: 13px;
}
.uvchart_claim dt, .uvchart_claim dd{
    display: inline-block;
    vertical-align: top;
    font-size: 10px;
}
.uvchart_claim.zero{
    margin-bottom: -20px;
}
@media only screen and (max-width: 979px){
    .uvchart_claim {
    padding: 12px 18px;
    margin-bottom: 60px;
}
    .uvchart_claim.zero{
    margin-bottom: 0;
}
    .uvchart_claim dt{
        margin-right: 5px;
    }
  
}
/*202002追加UV一覧注釈あなたにおすすめの日焼け止め*/
.uvchart_claim_choose {
    margin-bottom: 60px;
    margin-top: -130px;
    text-align: left;
}
.uvchart_claim_choose dt, {
    margin-right: 13px;
}
.uvchart_claim_choose dt, .uvchart_claim_choose dd{
    display: inline-block;
    vertical-align: top;
    font-size: 10px;
}
@media only screen and (max-width: 979px){
    .uvchart_claim_choose {
    padding: 12px 18px;
    margin-top: -60px;
}
    .uvchart_claim_choose dt{
        margin-right: 5px;
    }
  
}
/*2020/07追加Movie*/
/*スペシャルムービー*/
.choose-wrap #area_special_movie{
/*	background-color: #E5F5FD;*/
/*	padding:38px 0;*/
/*	margin-top: 38px;*/
/*    border: #00a1e9 1px solid;*/
	margin: 0 auto;
	width: 980px;
}
.choose-wrap #area_special_movie .area_special_movie_wrap{
	border: #00a1e9 1px solid;
	padding:38px 0;
}
@media screen and (max-width: 979px) {
	.choose-wrap #area_special_movie{
	padding:20px 0;
		width: 375px;
}
	.choose-wrap #area_special_movie .area_special_movie_wrap{
		
		margin: 0 auto;
		text-align: center;
	}
}
.choose-wrap #area_special_movie h2 img{
	width: 564px;
	padding-bottom: 15px;
}
@media screen and (max-width: 979px) {
	.choose-wrap #area_special_movie h2 img{
	width: 282px;
	padding-bottom: 10px;
}
}
.choose-wrap #area_special_movie p.sub_copy{
	color:#00A0E8;
	font-size: 24px;
	padding-bottom: 20px;
}
@media screen and (max-width: 979px) {
	.choose-wrap #area_special_movie p.sub_copy{
	color:#00A0E8;
	font-size: 14px;
padding-bottom: 10px;
		
		
}
	.choose-wrap #area_special_movie iframe{
		width: 315px;
		height: 177px;
	}
	.choose-wrap #area_kantan_contents iframe{
		width: 315px;
		height: 177px;
	}
}
.choose-wrap #area_special_movie .youtube_area_pc{
	width: 685px;
	text-align: center;
	margin: 0 auto; 
}
.choose-wrap #area_special_movie .youtube_area_sp{
	width: 315px;
	text-align: center;
	margin: 0 auto; 
}
.choose-wrap #area_special_movie img{
	text-align: center;
	margin: 0 auto;
}
#list > div:nth-child(3) > table > tbody > tr:nth-child(1) > td > a > img.sp{
    max-width: 120px;
}