@charset "utf-8";
/*------------------------------------
 CSS Information
  Site URL: dduet.duskin.jp
  File name: care.css (/excludes/css/p/premium/care.css)
  Summary:   プレミアム会員care
  Created: YYYY-MM-DD by -
  Last update: 2022-04-27 by DDuet Iwai (PJ18_D007-6484 【DDuet会員特典】会員特典：詳細ページの画像文字テキスト化）
  Author: -
 
  Order of description
------------------------------------*/

/* 共有部分修正 */
.location {width: 932px;}
.contentsInner {width: 932px;}
.contentsInner .head-page {
	width: 932px;
	position: relative;
}
.contentsInner .head-page .cate-top{
	position: absolute;
	top: 36px;
	right: 0;
}
.contentsInner .head-page .cate-top2{
	position: absolute;
	top: 0px;
	right: 0;
}

.mainContents {
	padding: 30px 0 0;
	background: url(/excludes/images/p/premium/common/maincontents_head.png) 0 0 no-repeat;
}
.mainContents .mainContentsFoot {
	height: 30px;
	background: url(/excludes/images/p/premium/common/maincontents_foot.png) 0 100% no-repeat;
}
.mainContentsInner {
	background: url(/excludes/images/p/premium/common/maincontents_bg.png) repeat-y;
	padding: 0 47px;
}

/* コンテンツ */
#mainphoto {
	position: relative;
	height: 580px;
}
#mainphoto h2 {
	position: absolute;
	top: 0;
	left: -3px;
	z-index: 2;
}
#mainphoto p {
	position: absolute;
	top: 101px;
	left: 30px;
	z-index: 1;
}
#mainphoto dl {
	position: absolute;
	top: 385px;
	left: 30px;
	z-index: 1;
	width: 720px;
	padding: 0 30px;
	text-shadow: 1px 2px 2px #0e0c0c;
	font-family:"Hiragino Kaku Gothic W3";
}
#mainphoto dt {
	text-align: center;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 10px;
}
#mainphoto dd {
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.service {
	margin-bottom: 24px;
	background: #AF915C url(/excludes/images/p/premium/common/bg01.png) repeat-y left top;
}
.service h3 {
	padding: 13px 0 6px 26px;
	background: url(/excludes/images/p/premium/common/bg02.png) no-repeat right bottom;
	font-size: 20px;
	line-height: 36px;
	color: #FFF;
}
.service h3 .number {
	padding: 3px 12px;
	background-color: #FFF;
	font-size: 19px;
	color: #AD915A;
}
.service h3 .extra {
	font-size: 12px;
	font-weight: normal;
}
.service h3 img {
	margin-bottom: 5px;
	vertical-align: middle;
}

.example {
	width: 838px;
	margin-bottom: 20px;
	border: none;
	border-collapse: collapse;
}
.example th {
	width: 157px;
	font-size: 20px;
	line-height: 21px;
	color: #B8803D;
	text-align: center;
}
.example td {
	padding-left: 30px;
	border-left: 3px solid #AF915C;
	font-size: 16px;
	line-height: 26px;
}
.etc {
	margin-top: 9px;
	padding-top: 3px;
	font-size: 12px;
	line-height: 20px;
	display: block;
}

.deadline {
	width: 838px;
	margin: 50px 0;
	background: url(/excludes/images/p/premium/common/bg04.png) no-repeat left top;
}
.deadline dl {
	padding-bottom: 50px;
	background: url(/excludes/images/p/premium/common/bg05.png) no-repeat right bottom;
	text-align: center;
}
.deadline dt {
	margin-bottom: 10px;
	padding: 8px 0;
	background: url(/excludes/images/p/premium/common/bg06.gif) no-repeat center center;
	font-size: 20px;
	line-height: 21px;
	color: #B8803D;
	font-weight: bold;
}
.deadline dd {
	padding-top: 25px;
	background: url(/excludes/images/p/premium/common/bg07.png) no-repeat center top;
	font-size: 36px;
	line-height: 37px;
	color: #534033;
}
.deadline dd span {
	padding-bottom: 25px;
	background: url(/excludes/images/p/premium/common/bg07.png) no-repeat center bottom;
	display: block;
}
.deadline dd p.attention {
    font-size: 12px;
    text-align: center;
    line-height: 16px;
    margin-top: 12px;
}

.reccomend {
	width: 806px;
	padding: 16px 16px 20px;
	background-color: #F5F0E9;
}
.reccomend.outline {
	padding: 0 16px;
	background-color: transparent;
}
.reccomend .detail {
	width: 400px;
	float: left;
}
.reccomend .movie {
	width: 372px;
	float: right;
}
.reccomend h4 {
	padding: 0 0 26px 7px;
	background: url(/excludes/images/p/premium/care/bg10.png) no-repeat left top;
	font-size: 20px;
	line-height: 26px;
	color: #B8803D;
}
.reccomend h4 span {
	height: 24px;
	margin-right: 20px;
	padding: 8px 12px 8px 9px;
	background: #AF915C url(/excludes/images/p/premium/care/bg11.gif) no-repeat right bottom;
	color: #FFF;
	display: inline-block;
}
* html .reccomend h4 span {padding: 7px 12px 7px 9px;}
.reccomend h5 {
	padding-bottom: 16px;
	font-size: 16px;
	line-height: 26px;
}
.reccomend h6 {
	padding-bottom: 2px;
	font-size: 12px;
	line-height: 13px;
	letter-spacing: 0.05em;
}
.reccomend p {
	font-size: 12px;
	line-height: 20px;
}
.reccomend p.price {padding: 15px 0;}
.reccomend p.price span {
	padding: 5px 10px;
	background-color: #FFF;
	border: 1px solid #D51717;
	font-size: 14px;
	line-height: 18px;
	color: #D41717;
}
.reccomend .etc {
	margin-top: 0;
	font-size: 10px;
	line-height: 11px;
}
.reccomend li {
	margin-left: 1em;
	padding-bottom: 4px;
	text-indent: -1em;
	font-size: 12px;
	line-height: 16px;
}
.reccomend .notice li {
	padding-bottom: 2px;
	font-size: 10px;
	line-height: 14px;
}

#flow {
	margin-top: 60px;
	padding: 78px 0 20px;
	background: url(/excludes/images/p/premium/common/bg09.png) no-repeat center top;
}
#flow ul {
	width: 838px;
	padding: 32px 0 42px;
}
#flow li {
	width: auto;
	float: left;
}
#flow li.step1 {width: 222px;}/* for IE6 */
#flow li.step2 {width: 214px;}/* for IE6 */
#flow li.step3 {width: 223px;}/* for IE6 */
#flow li.step4 {width: 179px;}/* for IE6 */
#flow li.step5 {width: 659px;}/* for IE6 */
#flow p {text-align: center;}

.apply {
	width: 666px;
	margin: 0 86px;
	padding-bottom: 40px;
}
.apply .photo {
	width: 100px;
	float: left;
}
.apply dl {
	width: 545px;
	float: right;
}
.apply dt {
	padding: 7px 0 17px;
	font-size: 20px;
	line-height: 21px;
	color: #B8803D;
	font-weight: bold;
}

#phone {
	padding-top: 30px;
	font-size: 12px;
	line-height: 13px;
	text-align: center;
}
.apply #phone {clear: both;}

/* fit images on text tags */
#flow ul,
.apply dd {
	font-size: 0px;
	line-height: 0px;
}

/* ClearFixElements */
.deadline:after,/* for IE6 */
.reccomend:after,
.reccomend p.price:after,
#flow:after,/* for IE6 */
#flow ul:after,
.apply:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.deadline,/* for IE6 */
.reccomend,
#flow,/* for IE6 */
#flow ul,
.apply {
	display: inline-block;
	overflow: hidden;
}
/*20150331*/
.reccomend p.price,{
	display: inline-block;
/*	overflow: hidden;*/
}

/*20160913*/
/*spec_section*/
.priceSec {
	/* background:url(/excludes/images/p/item/scatalog02/common/break_line2.gif) no-repeat left top; */
	width:806px;
	margin:0 auto 40px;
}
.priceSec .secInner {
	padding-top:15px;
	width:845px;
	margin:0 auto;
}
.priceSec h4.tag {
	margin-bottom:40px;
}
.priceSec dl dt {
	font-weight:bold;
	float:left;
	width:13%;
	clear:both;
	margin-bottom:20px;
	color:#959595;
}
.priceSec dl dd {
	width:80%;
	float:left;
	margin-bottom:20px;
	color:#959595;
}
.priceSec dl .caution_dt {
	float:none;
	width:auto;
	clear:both;
	margin-bottom:0;
	color:#959595;
	padding-top:1em;
}
.priceSec dl .caution_dd {
	width:100% !important;
	float:none;
	margin-bottom:25px;
	color:#959595;
}
.priceSec dl .caution_dd2 {
	padding-top:1em;
}

.priceSec p{
	margin-top:20px;
	margin-bottom:10px;
	font-size:110%;
	/* padding-bottom:10px; */
}

.priceSec .notice{
	/* padding-left:20px; */
}

.priceSec .notice p{
	padding-left:1em;
	text-indent:-1em;
	margin:0;
	font-size:12px;
}

.priceSec .ddul{padding-left:1em;}

.priceSec table tr td{
	border-bottom:1px #ccc solid;
	padding:7px 0;
	font-size:14px;
}

.priceSec table.floLeft{
	float:left;
}
.priceSec table.floRight{
	float:right;
}

.priceSec ul li{
	padding-bottom:5px;
	padding-left:1em;
	text-indent:-1em;
}

.priceSec .price_cell{
	text-align:right;
	padding-right:10px;
}

.ribbon {
  display: inline-block;
  position: relative;
  height: 35px;/*高さ*/
  line-height: 35px;/*高さ*/
  text-align: center;
  padding: 0 25px 0 10px;/*文字の左右の余白*/
  font-size: 20px;/*文字サイズ*/
　font-weight:bold;
  margin-left: 5px;
  background: #c82323;/*背景色*/
  background: #ef0000; /* Old browsers */
  background: -moz-linear-gradient(top, #ef0000 1%, #d50000 42%, #e84040 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ef0000 1%,#d50000 42%,#e84040 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ef0000 1%,#d50000 42%,#e84040 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
}
.ribbon:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon:after {
  top: 0;
  right: 0;
  border-width: 18px 15px 18px 0px;
  border-color: transparent #af915c transparent transparent;
  border-style: solid;
}

.f_smaller{
	font-size:smaller;
}

/*------------------------------------
 タブ切り替え 2023.0529追記
------------------------------------*/

.Tab {
 margin-bottom: 25px;
}

.Tab_area {
 width: 100%;
 display: flex;
 text-align: center;
}

.Tab_area img {
 width: 390px;
}

.memberTab {
 width: 50%;
}

.premiumTab {
 width: 50%;
}

.coupon_area h3 {
 font-size: 20px;
 border: 2px solid #a17502;
 padding: 15px 20px;
 background: #fdfdd8;
}

.coupon_area .number {
 padding: 5px 12px;
 background-color: #a17502;
 font-size: 19px;
 color: #fff;
 margin-bottom: 7px;
 display: inline-block;
}

.coupon_area .ribbon {
  color: #fff;
}

 .coupon_area .ribbon:after {
  top: 0;
  right: 0;
  border-width: 18px 15px 18px 0px;
  border-color: transparent #fdfdd8 transparent transparent;
  border-style: solid;
}