@charset "utf-8";

.cp-title-img {
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}

.cp-title-img-bottom {
	display: block;
	background-image: url(../images/30000pt_bg.png);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.cp-title-img-bottom02 {
	display: block;
	background-image: url(../images/30000pt_bg02.png);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.cp-title-img img {
	display: block;
}

.cp-title-img img,
.cp-title-img-bottom img {
	max-width: 700px;
	margin: 0 auto;
}

.entryButtonWrap {
	background-color: #ffffff;
}

.entryButtonWrap #entryButtonArea {
	max-width: 700px;
	margin: 0 auto;
}

.fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	min-width: 300px;
}

.cp-detail {
	padding: 30px;
	background-color: #fcf7e0;
}

.cp-detail-inner {
	max-width: 700px;
	background-color: #ffffff;
	border-radius: 30px;
	margin: auto;
	padding: 46px;
}

.cp-detail-inner-plan-btn-bgcolor {
	background-color: #A8032C;
	max-width: 100%;
	margin: 0 auto;
	padding: 30px;
}

.cp_btn_top.fixed {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 4px;
	width: 54px;
	z-index: 1500;
	top: auto;
	left: auto;
	min-width: 0px;
	min-width: initial;
	-moz-box-shadow: 0px 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px 0px;
	-o-box-shadow: 0px 0px 0px 0px;
	box-shadow: 0px 0px 0px 0px;
}

@media screen and (max-width: 767px) {
	.cp-detail-inner {
		padding: 10px;
	}
}

@media screen and (max-width: 375px) {
	.cp-detail {
		padding: 15px;
	}
}

/** 23/12/12追加 **/
.t_box {
	border: 1.5px solid #000;
	padding: 13px;
	margin-bottom: 40px;
}

.t_left {
	text-align: left;
}

.w_700 {
	max-width: 700px;
	border-radius: 15px;
	width: 94%;
	display: block;
	margin: 0 auto;
}

.t_link a:hover {
	text-decoration: underline;
}

.d_none {
	display: none;
}

.d_block {
	display: block;
}

.t_kome {
	font-size: 11px;
	text-indent: -11px;
	padding-left: 11px;
}

.t_box p {
	color: #000;
}

.t_box a {
	display: inline-block;
	color: inherit;
	padding-left: 11px;
	text-decoration: underline;
}

/*--fixed btn---*/
#global-nav2.text-btn a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #ed5f00;
	box-shadow: 0px -8px 0px 0px rgba(167, 66, 0, 1) inset;
	color: #fff;
	font-size: 34px;
	padding: 20px;
}

#global-nav2.text-btn a span.btn_text {
	position: relative;
}

#global-nav2.text-btn a span.btn_text:after {
	position: absolute;
	content: "";
	background-image: url("../images/btn_arrow.png");
	background-size: 36px 36px;
	width: 36px;
	height: 36px;
	right: -50px;
	top: 50%;
	transform: translateY(-50%);
}

#global-nav2.text-btn a img{
	width: 100%;
	max-width: 700px;
	min-width: 300px;
	margin: 0 auto;
}

/*cp_btn_top*/
.page-index .cp_btn_top.fixed {
	bottom: 100px;
}

@media screen and (max-width:640px) {
	#global-nav2.text-btn a {
		box-shadow: 0px -1.25vw 0px 0px rgba(167, 66, 0, 1) inset;
		font-size: 5.313vw;
		padding: 3.125vw;
	}

	#global-nav2.text-btn a span.btn_text:after {
		background-size: 5.625vw 5.625vw;
		width: 5.625vw;
		height: 5.625vw;
		right: -7.812vw;
	}

	/*cp_btn_top*/
	.page-index .cp_btn_top.fixed {
		bottom: 15vw;
	}
}

/*---contents---*/
.contents-inner {
	max-width: 700px;
	margin: 0 auto;
}

/*---other---*/
@media screen and (min-width: 768px) {
	.cation-style-01 {
		text-indent: -12em;
		padding-left: 12em;
	}

	.only-pc {
		display: block;
	}

	.only-sp {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.only-pc {
		display: none;
	}

	.only-sp {
		display: block;
	}
}

/*---footer---*/
.cp-ft-copyright-area {
	background-color: #fcf7e0;
}

.page-index .cp-ft-copyright-area {
	padding-bottom: 156px;
}

@media screen and (max-width: 640px) {
	.page-index .cp-ft-copyright-area {
		padding-bottom: 24vw;
	}
}

#global-nav2 span.btn_text {
	margin-left: -5vw;
	display: inline-block;
}

#global-nav2.text-btn span.mini_font {
	display: block;
	font-size: 0.6em;
}

/* 20250326 indent */
.indent1 {
	padding-left: 1em;
	text-indent: -1em;
	line-break: strict;
}

.indent2 {
	margin-left: 1em;
	padding-left: 2em;
	text-indent: -2em;
	line-break: strict;
}

/* 20250423 pl-sp ---*/
@media screen and (min-width: 768px) {
	.pl-1-sp {
		display: inline;
	}
}

@media screen and (max-width: 767px) {
	.pl-1-sp {
		display: block;
		padding-left: 1em;
	}
}

/* 20250814 docomo max cp ---*/
.dcm_max .cp-title-lev3 {
	border-left: 5px solid #A00028;
	border-bottom: unset;
	padding: 0;
	padding-left: 10px;
	font-weight: bold;
}

.bg_d_red {
	background-color: #A00028;
}

.bg_gold {
	background-color: #AF901C;
}

.bg_gold .cp-title-lev2 {
	color: #fff;
}

.bg_gold .plan-link-wrap {
	padding-top: 0;
}

.bg_gold .plan-link-wrap a {
	color: #787878;
}

.bg_gold .white-box {
	position: relative;
	max-width: 700px;
	background-color: #ffffff;
	border-radius: 30px;
	margin: auto;
	text-align: center;
	/*padding-bottom: 2%;*/
}

.bg_gold .white-box .btn-wrap {
	background-color: #ffffff;
	border-radius: 30px 30px 0 0;
	padding: 30px 46px 30px;
}

@media screen and (max-width: 767px) {

	.bg_gold .white-box .btn-wrap {
		padding: 30px 25px 30px 25px;
	}

	.bg_gold img {
		width: 100%;
		vertical-align: bottom;
	}
}

.d_max_cp.cp-ft-copyright-area {
	background-color: #ffffff;
}

#global-nav2.d_max_entry_bt.text-btn a {
	background-color: #CC0033;
	box-shadow: 0px -8px 0px 0px rgb(168, 15, 46) inset;
}

/*202509　アコーディオン*/
.dcm-max-link-wrap {
	margin: 0 auto 0;
	padding: 30px 46px;
}

.white-box.accordion--wrap>.accordion {
	padding: 30px 30px 10px;
}

.accordion>.dcm-max-link-wrap {
	border: 1px solid #f1d6ac;
	background-color: #fff;
	padding: 0px 60px;
	border-radius: 20px;
}

.accordion>.dcm-max-link-wrap.red_border {
	border: 2px solid #D00F31;
}

.accordion>.dcm-max-link-wrap.gold_border {
	border: 2px solid #AF901C;
}

.accordion .switch {
	position: relative;
}

@media screen and (max-width: 767px) {
	.white-box.accordion--wrap>.accordion {
		padding: 0px 15px;
	}

	.accordion>.dcm-max-link-wrap {
		border: 1px solid #f1d6ac;
		background-color: #fff;
		padding: 0px 36px;
		border-radius: 20px;
	}

	.accordion>.switch>.cp-title-lev2 {
		font-size: 12px;
		font-weight: bold;
	}

	.cp-detail-inner-plan-btn-bgcolor {
		padding: 30px;
	}

	.accordion .switch.onOff:before {
		right: 17.5px;
		width: 3px;
		height: 18px;
	}

	.accordion .switch.onOff:after {
		right: 10px;
		width: 18px;
		height: 3px;
	}

	.accordion .switch.onOff.open:before {
		display: none;
	}

	.accordion>.contentWrap {
		padding: 0px 0px 15px;
	}
}

@media screen and (max-width: 539px) {

	.accordion>.dcm-max-link-wrap .img-01,
	.accordion>.dcm-max-link-wrap .img-02 {
		max-width: 260px;
		margin: 0 auto;
	}

	.accordion>.dcm-max-link-wrap .img-02 {
		left: -60px;
	}
}

@media screen and (max-width: 339px) {
	.accordion>.dcm-max-link-wrap .img-02 {
		left: -22%;
	}
}

.bg_gold .white-box .btn-wrap.acc_btn-wrap {
	border-radius: 30px 30px;
}

.accordion>.dcm-max-link-wrap .img-01 {
	width: 69.95%;
}

.accordion>.dcm-max-link-wrap .img-01,
.accordion>.dcm-max-link-wrap .img-02 {
	margin: 0 auto;
}

.accordion {
	/*max-width: 401px;*/
	margin-left: auto;
	margin-right: auto;
}

.accordion>.dcm-max-link-wrap.red_border.open {
	border: solid #D00F31;
	border-width: 2px 2px 2px 2px;
	border-radius: 20px 20px 0px 0px;
}

.accordion>.contentWrap.red_border2 {
	border: 2px solid #A00028;
	border-width: 0px 2px 2px 2px;
}

.accordion>.dcm-max-link-wrap.gold_border.open {
	border: solid #AF901C;
	border-width: 2px 2px 2px 2px;
	border-radius: 20px 20px 0px 0px;
}

.accordion>.contentWrap.gold_border2 {
	border: 2px solid #AF901C;
	border-width: 0px 2px 2px 2px;
}

.switch.red_border.open+.contentWrap {
	border: 2px solid #A00028;
	border-width: 0px 2px 2px 2px;
	border-radius: 0px 0px 10px 10px;
	padding-bottom: 15px;
}

.switch.gold_border.open+.contentWrap {
	border: 2px solid #AF901C;
	border-width: 0px 2px 2px 2px;
	border-radius: 0px 0px 10px 10px;
	padding-bottom: 15px;
}

@media screen and (max-width: 375px) {
	.cp-detail-inner-plan-btn-bgcolor {
		padding: 15px;
	}
}

.indent3 {
	padding-left: 2em;
	text-indent: -2em;
	line-break: strict;
}

.indent3 span {
	padding-left: 1em;
}

.dcm_max_notes_02 {
	padding: 30px 20px;
	text-align: left;
}

.dcm_max_notes_02 p {
	font-size: inherit;
	color: #404040;
}

.dcm_max_notes_02 a {
	display: inline;
	text-decoration: underline;
	color: #404040;
}

@media screen and (max-width: 767px) {

	.dcm_max_notes_02 {
		padding: 15px;
	}

	.dcm_max_notes_02 p {
		font-size: 12px;
	}
}

.bg_orange {
	background-color: #ffd833;
}

.docomomxLogo {
	height: 126px;
	background-image: url('../images/docomo_max_logo_dw.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.accItem.open .docomomxLogo {
	background-image: url('../images/docomo_max_logo_up.png');
}

.docomomxLogo span {
	visibility: hidden;
}

.docomoptLogo {
	height: 126px;
	background-image: url('../images/docomo_pt_max_logo_dw.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.accItem.open .docomoptLogo {
	background-image: url('../images/docomo_pt_max_logo_up.png');
}

.docomoptLogo span {
	visibility: hidden;
}

@media screen and (max-width: 767px) {
	.accordion>.dcm-max-link-wrap .img-01 {
		width: unset;
	}

	.docomomxLogo,
	.docomoptLogo {
		height: 15vw;
	}
}

@media screen and (max-width: 425px) {
	.accordion>.dcm-max-link-wrap .img-01 {
		width: unset;
	}

	.docomomxLogo,
	.docomoptLogo {
		height: 20vw;
	}

	.accordion>.dcm-max-link-wrap {
		padding: 0px;
	}
}

/*20251101更新分*/
.fin_note {
    width: 96%;
    max-width: 700px;
    margin: 0 auto;
    padding-bottom: 16px;
    color: #c03;
    text-align: center;
}

/*20251117更新分*/
.bg_gold_cancel{
	background-color: unset;
}

.pd_0{
	padding: 0;
}

.pd_b_0{
	padding-bottom: 0;
}

.pd_t_0{
	padding-top: 0;
}

.bg_gold .white-box .btn-wrap.pd_01{
	padding:15px 46px 0px;
}

.mb_b_cancel{
	margin-bottom: unset;
}


/* 251223追加 */
.detail_img_wrap_Inner{
	margin: 0 20px;
    border-width: 2px 2px 2px 2px;
    border-radius: 10px 10px 10px 10px;
    padding: 30px;
}
.detail_img_wrap_Inner01{
	position: relative;
}
.detail_img_wrap_Inner01::after{
	content: "";
    /*background-image: url(../images/docomo_max_07.png);*/
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 27%;
    height: 27%;
    top: -10%;
    left: -4%;
}

.detail_img_wrap_Inner01::after{
	content: "";
    background-image: url(../images/docomo_max_07.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 27%;
    height: 27%;
    top: -10%;
    left: -4%;
}

.detail_img_wrap_Inner02::after{
	content: "";
    background-image: unset;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 27%;
    height: 27%;
    top: -10%;
    left: -4%;
}

@media screen and (max-width: 425px) {
	.detail_img_wrap_Inner01::after{
		content: "";
		background-image: url(../images/docomo_max_07.png);
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
        width: 30%;
        height: 30%;
        top: -7%;
        left: -7%;
	}

	.detail_img_wrap_Inner02::after{
		content: "";
		background-image: unset;
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
        width: 30%;
        height: 30%;
        top: -7%;
        left: -7%;
	}
}

.acc_btn-wrap .cp-title-img {
	padding: 3% 7% 0;
}

.accordion>.dcm-max-link-wrap.red_border.b_top_bold, .accordion>.dcm-max-link-wrap.gold_border.b_top_bold {
    border-top-width: max(24px, 2.5vw);
}

.docomomxLogo span.entry_sub, .docomoptLogo span.entry_sub {
    display: block;
    position: relative;
    width: 100%;
    visibility: visible;
    text-align: center;
    color: #ffffff;
    font-family: "Noto Sans JP", sans-serif;
    font-size: max(1.273vw, 12px);
    font-weight: 700;
    top: -2.3vw;
}

.notes_03 a{
	display: inline;
}

.underline{
	text-decoration: underline;
}

.cp-list-com.notes_03 a {
    text-decoration: none;
    font-weight: 600;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    color: #333;
    display: inline;
}

.cp-list-com.notes_03 a:hover, .cp-list-com.notes_03 a:active {
    color: #3374da;
    text-decoration: underline;
}

.cp-title-img.cp-title-img-bottom02 img {
	max-width: 700px;
	width: 94%;
	margin: 0 auto;
}

.no_border{
	border: unset;
}

.t_box02{
	padding: 50px 13px 0;
}

@media screen and (max-width: 890px) {
    .docomomxLogo span.entry_sub, .docomoptLogo span.entry_sub {
        top: -21.5px;
        left: 0%;
    }
}

@media screen and (max-width: 767px) {
	.t_box02 {
		padding: 13px 13px 0;
	}
}

@media screen and (max-width: 425px) {
    .accordion>.dcm-max-link-wrap {
        padding: 0px;
    }

	    .docomomxLogo, .docomoptLogo {
        height: 20vw;
    }
}