@charset "utf-8";

/*---------------------------------------------------------------

COMMON

---------------------------------------------------------------*/
.uq-wrap, 
body main, 
body article {
	margin-right: 4%;
	margin-left: 4%;
	overflow: hidden;
}
.uq-mt-10 {
	margin-top: 10px !important;
}
#contents img {
	max-width: 100%;
	height: auto;
}
.col-red {
	color: #ff0000;
}
.col-pink {
	color: #e0007e;
}
.col-blue {
	color: #008fd5;
}
.col-gray {
	color: #737373;
}
.text-border {
	text-decoration: underline;
}
.uq-subtitle {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #333333;
	border-top: 1px solid #333333;
	margin-top: 50px;
	margin-bottom: 20px;
	padding-top: .3em;
	padding-bottom: .2em;
}
@media screen and (min-width: 768px) {
	.uq-wrap, body main, body article {
		max-width: 980px;
		margin: 0 auto;
	}
	.uq-subtitle {
		font-size: 2.8rem;
		margin-top: 100px;
		margin-bottom: 30px;
	}
}

/*---------------------------------------------------------------

KV

---------------------------------------------------------------*/
.point {
	margin-right: 4%;
	margin-left: 4%;
}
.point_ttl {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.4;
	color: #df007f;
	text-align: center;
	margin-top: 1.2em;
	margin-bottom: .8em;
}
.point_txt {
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 1.0em;
}
.point_txt span {
	font-weight: bold;
	color: #df007f;
	background-image: url("../img/point_bg.png");
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 100% 7px;
}
.point_txt span.eo {
	background-position: 0 96%;
}
@media screen and (min-width: 768px) {
	.kv {
		margin-top: 20px;
	}
	.point {
		margin-right: 0;
		margin-left: 0;
	}
	.point_ttl {
		font-size: 3.4rem;
		line-height: 1;
		margin-top: 60px;
		margin-bottom: .8em;
	}
	.point_txt {
		font-size: 2.2rem;
		margin-bottom: 50px;
	}
	.point_txt span {
		background-position: 0 82%;
	}
	.point_txt span.eo {
		background-position: 0 80%;
	}
}

.point_wrap {
	position: relative;
	margin-bottom: 40px;
	padding-bottom: 15px;
}
.point_wrap::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0);
	width: calc(34px/2.1);
	height: calc(51px/2.1);
	background-image: url("../img/icon_equal.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
}
.point_box {
	border: 1px solid #aeaeae;
	border-radius: 8px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.point_x {
	display: flex;
	align-items: center;
	max-width: 7%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.point_logo {
	text-align: center;
	max-width: 40%;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
.point_box ul {
	margin-top: 14px;
}
.point_box li {
	font-size: 1.2rem;
	line-height: 1.4;
	padding-left: 1em;
	text-indent: -1em;
}
.point_btn {
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	background-color: #ffe100;
	border-radius: 4px;
	margin-top: 10px;
	padding-top: .8em;
	padding-bottom: .8em;
	position: relative;
}
.point_btn::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(-50%, -50%);
	width: calc(26px/1.8);
	height: calc(26px/1.8);
	background-image: url("../img/arrow01.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
}
.point_btn:hover {
	opacity: .6;
}
.point_btn-note {
	font-size: 1.1rem;
	text-align: center;
	margin-top: .3em;
}
.point_note02 {
	font-size: 1.4rem;
	margin-top: 1.0em;
}
.point_note02 li {
    padding-left: 2em;
    text-indent: -2em;
}
@media screen and (min-width: 768px) {
	.point_wrap {
		display: flex;
		margin-bottom: 65px;
		padding-bottom: 20px;
	}
	.point_wrap::after {
		left: 50%;
		width: calc(34px/1.3);
		height: calc(51px/1.3);
	}
	.point_box {
		flex-basis: 45%;
		max-width: 45%;
		border: 2px solid #aeaeae;
		border-radius: 16px;
		padding-top: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
	}
	.point_x {
		max-width: 4%;
		margin-right: 3%;
		margin-left: 3%;
	}
	.point_logo {
		max-width: 127px;
		margin-bottom: 20px;
	}
	.point_img {
		max-width: 346px;
		margin-right: auto;
		margin-left: auto;
	}
	.point_box li {
		font-size: 1.4rem;
		line-height: 1.5;
	}
	.point_note {
		padding-top: 1.0em;
		padding-bottom: 1.6em;
	}
	.point_btn {
		font-size: 1.6rem;
		line-height: 1.3;
		border-radius: 8px;
		min-height: 54px;
		margin-top: 15px;
		margin-right: 60px;
		margin-left: 60px;
		padding-top: .2em;
		padding-right: 0;
		padding-bottom: 0;
	}
	.point_btn::after {
		width: calc(26px/1.6);
		height: calc(26px/1.6);
	}
	.point_btn {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.point_btn-note {
		font-size: 1.2rem;
	}
}

/*1人あたりずーっと990円/月〜------------------------------------------*/
.price {
	background-color: #fffcfe;
	border: solid 1px #e0007e;
	border-radius: 8px;
	padding-top: 24px;
	padding-bottom: 18px;
}
.price_ttl {
	max-width: calc(656/710*100%);
	margin-right: auto;
	margin-left: auto;
}
.price_header {
	max-width: calc(635/710*100%);
	margin-top: 1.0em;
	margin-right: auto;
	margin-left: auto;
}
.price_990 {
	max-width: calc(656/710*100%);
	margin-top: 1.0em;
	margin-right: auto;
	margin-left: auto;
}
.price_txt {
	font-size: 1.5rem;
	text-align: center;
	margin: 1.0em 1.5em ;
	padding:10px 12px;
	border: 2px #CCCCCC solid;
}
.price_txt_note {
	font-size: 1.2rem;
	text-align: left;
	margin-top: 1.0em;
	padding-right: 20px;
	padding-left: 20px;
}
@media screen and (min-width: 768px) {
	.price {
		text-align: center;
		border: solid 3px #e0007e;
		border-radius: 18px;
		padding-top: 35px;
		padding-bottom: 35px;
	}
	.price_ttl {
		max-width: 790px;
	}
	.price_header {
		max-width: 595px;
		margin-top: 1.4em;
	}
	.price_990 {
		max-width: 790px;
		margin-top: 1.4em;
	}
	.price_txt {
		font-size: 2.0rem;
		margin: 1.0em 2.5em ;
	}
	.price_txt_note {
		font-size: 1.4rem;
		text-align: center;
	}
}

/*---------------------------------------------------------------

適用条件

---------------------------------------------------------------*/
.uq_conditions-point {
	margin-left: .8em;
	padding-top: .4em;
	padding-left: 1em;
	text-indent: -1em;
}
.coupon_wrap .uq_conditions-point {
	margin-bottom: 3em;
}
.uq_conditions-note {
	font-size: 1.2rem;
	margin-top: 1.0em;
	padding-left: 1em;
	text-indent: -1em;
}
@media screen and (min-width: 768px) {
	.uq_conditions-note {
		font-size: 1.4rem;
	}
}
/*---------------------------------------------------------------

月々のお支払いイメージ

---------------------------------------------------------------*/
.uq-plan-ttl {
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: 0;
	text-align: center;
	margin-top: 50px;
	margin-bottom: .8em;
}
.uq-plan-ttl-note {
	font-size: 1.4rem;
	letter-spacing: 0;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 1.6em;
	border: 1px #aeaeae solid;
	padding: 5px 8px;
}
.uq-plan--table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
	font-weight: 700;
}
.uq-plan--table th,
.uq-plan--table td {
	border: solid 1px #aeaeae;
	text-align: center;
	padding: 10px 3px;
}
.uq-plan--table th .uq-price,
.uq-plan--table td .uq-price {
	display: block;
	font-size: 16px;
}
.uq-plan--table th small, 
.uq-plan--table td small {
	font-size: 13px;
}
.uq-plan--table tr.uq-plan--tablePlan {
	background-color: #fae3f0;
}
.uq-plan--table tr.uq-plan--tablePlan strong {
	display: block;
	color: #e0007e;
	font-size: 16px;
	font-weight: 700;
}
.uq-plan--table tr.uq-plan--tablePlan span {
	display: inline-block;
	font-size: 13px;
	color: #fff;
	font-weight: 700;
	background-color: #000000;
	padding: 2px 5px;
}
.uq-plan--table tr.uq-plan--tableTotal {
	color: #e0007e;
}
.uq-plan--caution p {
	font-size: 11px;
	line-height: 1.6;
}
@media screen and (min-width: 768px) {
	.uq-plan-ttl {
		font-size: 2.8rem;
		margin-top: 100px;
		margin-bottom: .5em;
	}
	.uq-plan--table {
		margin-bottom: 20px;
	}
	.uq-plan--table th,
	.uq-plan--table td {
		font-size: 16px;
	}
	.uq-plan--table th {
		width: 19%;
	}
	.uq-plan--table td {
		width: 27%;
	}
	.uq-plan--table th .uq-price, 
	.uq-plan--table td .uq-price {
		display: inline-block;
		font-size: 3.0rem;
	}
	.uq-plan--table th small,
	.uq-plan--table td small {
		display: block;
		font-size: 1.8rem;
	}
	.uq-plan--table tr.uq-plan--tablePlan strong {
		font-size: 2.6rem;
	}
	.uq-plan--table tr.uq-plan--tablePlan span {
		font-size: 1.8rem;
		padding: 1px 20px 0;
	}
	.uq-plan--caution p {
		font-size: 14px;
		line-height: 21px;	
		margin: 0;
	}
}
/*---------------------------------------------------------------

お申し込み手順

---------------------------------------------------------------*/
.flow_ttl {
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: 0;
	text-align: center;
	margin-top: 50px;
	margin-bottom: .5em;
}
.flow_box {
	border: 2px solid #b2b2b2;
	border-radius: 10px;
	margin-bottom: 45px;
	padding-top: 25px;
	padding-right: 3%;
	padding-bottom: 20px;
	padding-left: 3%;
	position: relative;
}
.flow_box:first-of-type {
	margin-top: 10px;
}
.flow_box::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 15px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 22px 0 22px;
	border-color: #b2b2b2 transparent transparent transparent;
}
.flow_box:last-of-type::after {
	border: none;
}
.flow_step {
	font-size: 1.5rem;
	color: #FFFFFF;
	line-height: 1;
	text-align: center;
}
.flow_step span {
	background-color: #e1007f;
	padding-top: .4em;
	padding-right: 2em;
	padding-bottom: .2em;
	padding-left: 2em;
	border-radius: 50px;
}
.flow_box-ttl {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	margin-top: .6em;
	margin-bottom: .5em;
}
.flow_note {
	font-size: 1.4rem;
}
.flow_btn01,
.flow_btn02 {
	display: block;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	background-color: #ffe100;
	border-radius: 4px;
	margin-top: 10px;
	margin-right: 5%;
	margin-left: 5%;
	padding-top: .8em;
	padding-right: 12px;
	padding-bottom: .7em;
	position: relative;
}
.flow_btn02 {
	color: #FFFFFF;
	background-color: #019fe8;
}
.flow_btn01::after,
.flow_btn02::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 3%;
	transform: translate(0, -50%);
	width: calc(28px/2);
	height: calc(28px/2);
	background-image: url("../img/arrow01.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
}
.flow_btn02::after {
	background-image: url("../img/arrow02.png");
}
.flow_btn01:hover,
.flow_btn02:hover {
	opacity: .6;
}
.flow_btn-note {
	font-size: 1.4rem;
	text-align: center;
	margin-top: .4em;
}
.flow p a {
	color: #e1007f;
	text-decoration: underline;
}
.flow p a:hover {
	color: #000000;
	text-decoration: none;
}
@media screen and (min-width: 768px) {
	.flow {
		text-align: center;
	}
	.flow_ttl {
		font-size: 2.8rem;
		margin-top: 100px;
		margin-bottom: .5em;
	}
	.flow_box {
		max-width: 820px;
		border-radius: 20px;
		margin-right: auto;
		margin-bottom: 60px;
		margin-left: auto;
		padding-top: 40px;
		padding-bottom: 30px;
	}
	.flow_box:first-of-type {
		margin-top: 30px;
	}
	.flow_box::after {
		transform: translate(-50%, 20px);
		border-width: 25px 30px 0 30px;
	}
	.flow_step {
		font-size: 2.0rem;
	}
	.flow_step span {
		padding-top: .2em;
		padding-bottom: 0;
	}
	.flow_box-ttl {
		font-size: 2.4rem;
		line-height: 1;
		margin-top: 1.4em;
		margin-bottom: .8em;
	}
	.flow_btn01,
	.flow_btn02 {
		font-size: 2.0rem;
		border-radius: 10px;
		max-width: 390px;
		margin-top: 20px;
		margin-right: auto;
		margin-left: auto;
		padding-top: 1.0em;
		padding-right: 0;
		padding-bottom: 1.0em;
	}
	.flow_btn01::after,
	.flow_btn02::after {
		right: 5%;
		width: calc(28px/1.5);
		height: calc(28px/1.5);
	}
	.flow_btn02::after {
		background-image: url("../img/arrow02.png");
	}
}
/*---------------------------------------------------------------



---------------------------------------------------------------*/
.campaign_container {
	text-align: center;
	padding-bottom: 50px;
}
.campaign_container p {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: .4em;
}
@media screen and (min-width: 768px) {
	.campaign_container {
		padding-top: 40px;
		padding-bottom: 80px;
	}
	.campaign_container p {
		font-size: 2.8rem;
	}
}

/*---------------------------------------------------------------

ご注意事項

---------------------------------------------------------------*/
.uq-caution {
	padding-bottom: 30px;
}
.uq-caution h6 {
	margin: 1em 0 0 0;
	font-size: 14px;
	line-height: 21px;
}
.uq-caution p {
	font-size: 14px;
	line-height: 21px;
	margin: 0;
}
.uq-caution li {
	font-size: 1.4rem;
	padding-left: 1em;
	text-indent: -1em;
}
.uq-caution--frame {
	margin: 15px 0px;
	border: solid 1px #000;
	padding: 1em;
}
.uq-caution--textPoint {
	margin-top: 40px;
	text-align: right;
	font-size: 12px;
	line-height: 21px;
}
.uq-caution--textPoint span {
	padding: 0 0.5rem;
	display: inline-block;
	border: solid 1px #000;
}

@media screen and (min-width: 768px) {
	.uq-caution {
		padding-bottom: 50px;
	}
	.uq-caution--frame {
		margin: 30px 10px;
	}
	.uq-caution--textPoint {
		font-size: 14px;
	}
}

/*---------------------------------------------------------------

eo光に関するお申し込み・お問い合わせはこちら

---------------------------------------------------------------*/
.inquiry {
	border: 4px solid #ffe100;
	margin-right: 4%;
	margin-left: 4%;
}
.inquiry_ttl {
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	background: #ffe100;
	padding-top: 5px;
	padding-right: 4%;
	padding-bottom: 5px;
	padding-left: 4%;
}
.inquiry_wrap {
	margin-top: 20px;
	margin-right:14px;
	margin-left: 14px;
}
.inquiry_wrap-item {
	padding-bottom: 20px;
}
.inquiry_wrap-item:first-of-type {
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 20px;
}
.inquiry_stl {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	margin-bottom: .6em;
}
.inquiry_box01,
.inquiry_box02 {
	padding-left: 75px;
	position: relative;
}
.inquiry_box01::before,
.inquiry_box02::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	width: calc(100px/1.5);
	height: calc(100px/1.5);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
}
.inquiry_box01::before {
	background-image: url("../img/inquiry_icon_chat.png");
}
.inquiry_box02::before {
	background-image: url("../img/inquiry_icon_tel.png");
}
.inquiry_chat-txt span {
	font-weight: bold;
	color: #0095a1;
}
.inquiry_tel {
	display: flex;
	align-items: center;
}
.inquiry_tel-free {
	font-size: 1.0rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	color: #FFFFFF;
	background-color: #0095a1;
	border-radius: 4px;
	margin-right: 6px;
	padding-top: .4em;
	padding-right: .4em;
	padding-bottom: .4em;
	padding-left: .4em;
}
.inquiry_tel-num {
	font-size: 2.5rem;
	font-weight: bold;
	letter-spacing: -0.02em;
	line-height: 1;
}
.inquiry_tel-num a {
	color: #0095a1;
}
.inquiry_time {
	font-size: 1.3rem;
	line-height: 1;
	text-align: center;
	border: 1px solid #d6d6d6;
	margin-top: .6em;
	padding-top: .8em;
	padding-right: .2em;
	padding-bottom: .6em;
	padding-left: .2em;
}
.inquiry_note {
	font-size: 1.2rem;
	margin-top: 1.0em;
}
.note-plan_toku {
	background-color:#fae3f0;
	padding: 5px 20px 20px;
	margin-top: 0;
	margin-bottom: 30px;
}
.note-plan_toku p {
	text-align: right;
}


@media screen and (min-width: 768px) {
	.inquiry {
		margin-right: 0;
		margin-left: 0;
	}
	.inquiry_ttl {
		font-size: 2.6rem;
		line-height: 1;
		padding-top: 15px;
		padding-bottom: 20px;
	}
	.inquiry_wrap {
		display: flex;
		justify-content: space-between;
		margin-top: 15px;
		margin-right: 30px;
		margin-bottom: 15px;
		margin-left: 30px;
	}
	.inquiry_wrap-item {
		flex-basis: 50%;
		max-width: 50%;
		padding-top: 10px;
		padding-left: 2%;
		padding-bottom: 10px;
	}
	.inquiry_wrap-item:first-of-type {
		border-right: 1px solid #d6d6d6;
		border-bottom: none;
		margin-bottom: 0;
		padding-right: 2%;
		padding-left: 0;
	}
	.inquiry_stl {
		font-size: 2.2rem;
		line-height: 1;
		margin-bottom: 1.2em;
	}
	.inquiry_box01,
	.inquiry_box02 {
		padding-left: 120px;
	}
	.inquiry_box01::before,
	.inquiry_box02::before {
		width: calc(100px/1);
		height: calc(100px/1);
	}
	.inquiry_chat-txt span {
		font-weight: bold;
		color: #0095a1;
	}
	.inquiry_tel {
		padding-top: 7px;
	}
	.inquiry_tel-free {
		font-size: 1.4rem;
		line-height: 1.2;
		border-radius: 6px;
		margin-right: 10px;
	}
	.inquiry_tel-num {
		font-size: 3.2rem;
		letter-spacing: -0.02em;
		color: #0095a1;
	}
	.inquiry_time {
		font-size: 1.3rem;
	}
	.inquiry_note {
		font-size: 1.2rem;
		margin-top: 1.8em;
	}
}

/*---------------------------------------------------------------

クーポン

---------------------------------------------------------------*/

.coupon_wrap{
	border:solid #e0007e 2px;
	padding:0 10px 10px 10px;
	margin: 40px 4% 50px;
}
.coupon_wrap dl {
	background: #fff;
	display: block !important;
	margin:20px 0 10px;
}
.coupon_wrap dl dt {
  background: url(../img/coupon_btn_arrow.png) 80% 50% no-repeat #e0007e;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow:0px 6px 0px 0px rgba(0,0,0,0.6);
  text-align: center;
  padding: 10px 30px;
  cursor: pointer;
}
.coupon_wrap dl dt.active {
  background-image: url(../img/coupon_btn_arrow_open.png);
}
  .coupon_wrap dl dt img{
	  width: 128px !important;
  }
.coupon_wrap dl dd {
  display: none;
}
.coupon_wrap dl dd p.au_note{
  margin: 25px auto;
  font-size: 16px;
  text-align: center;
  line-height: 1.6;
}
.coupon_wrap dl dd p.uq-caution--frame{
  text-align: center;
}
.coupon_wrap dl dd p.au_note span{
  font-size: 14px;
}
.coupon_wrap dl dd p.howto_ttl{
  font-size: 18px;
  margin-bottom: 10px;
  text-align: center;
}
.coupon_wrap dl dd div.howto {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}
.coupon_wrap dl dd div.howto span{
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	margin-top: 10px;
}
.coupon_wrap dl dd div.howto span:last-child{
	margin-top: 0;
}
#about .coupon_wrap dl dd div.howto .notes {
	font-size: 14px;
	color: #F00;
	font-weight: normal;
	margin-top: 0;
}
.coupon_wrap dl dd div.howto_box{
  border: solid 2px #c0c0c0;
  margin-bottom: 20px;
  overflow: hidden;
}
.coupon_wrap dl dd div div.howto_num{
  background: #c0c0c0;
  float: left;
  width: 15%;
  text-align: center;
  padding: 48px 0px;
}
.coupon_wrap dl dd div div.howto_num img{
  width: 30px;
}
.coupon_wrap dl dd div div.howto_txt{
  background: #fff;
  float: left;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  width: 85%;
}
.coupon_wrap dl dd div div.howto_txt div{
  padding: 10px;
}
.coupon_wrap dl dd div div.howto_txt span{
  font-size: 10px;
  font-weight: normal;
}
.coupon_wrap dl dd div div.howto_txt .howto_link{
  text-align: right;
  font-size: 10px;
  font-weight: normal;
  margin-top: 10px;
}
  .coupon_wrap dl dd .coupon_howto_arrow{
	  width: 50px !important;
  }
.coupon_wrap dl dd .howto_btn {
  background: url(../img/coupon_howto_btn.png) no-repeat;
  background-size: 288px 55px;
  width: 288px;
  height: 55px;
  display: block;
  margin: 30px auto 0;
  text-indent: -9999px;
}
.coupon_wrap dl dd .howto_btn a{
  display: block;
  width: 288px;
  height: 55px;
}
.coupon_wrap dl dd .howto_btn:hover {
  background: url(../img/coupon_howto_btn_over.png) no-repeat;
  background-size: 288px 55px;
}
.coupon_wrap dl dd.detail {
  display: block;
}
.coupon_wrap dl dd div.howto_detail{
  width: 90%;
  margin: 30px auto 0;
}
.coupon_wrap dl dd div.howto_detail .howto_detai_txt{
  float: none;
  font-size: 15px;
  margin-bottom: 10px;
}
.coupon_wrap dl dd div.howto_detail .howto_detai_img{
  float: none;
  text-align: center;
}
.coupon_wrap dl dd div.howto_detail .howto_detai_img img{
  width: 300px !important;
}
.coupon_wrap dl dd div.uq-caution{
  padding-bottom: 0;
  padding-top: 30px;
}
.coupon_wrap a{
    color: #107fd4;
    text-decoration: none;
}
.align_center {
  text-align: center;
}
.mb_20 {
  margin-bottom: 20px;
}
.attention {
	color: #019fe8;
	border: 1px solid #019fe8;
	padding: 0.7em;
	font-size: .8em;
	text-align: center;
}
	  @media screen and (min-width: 768px) {
	  .coupon_wrap{
		  border:solid #e0007e 2px;
		  padding:0 40px 40px 40px;
		  margin: 50px 0 50px;
	  }
	  .coupon_wrap a:hover{
		  text-decoration: underline !important;
	  }
	  .coupon_wrap dl {
		  background: #fff;
		  display: block !important;
		  margin-bottom: 10px;
	  }
	  .coupon_wrap dl dt {
		  background: url(../img/coupon_btn_arrow.png) 60% 50% no-repeat #e0007e;
		  -webkit-border-radius: 10px;
		  -moz-border-radius: 10px;
		  border-radius: 10px;
		  box-shadow:0px 6px 0px 0px rgba(0,0,0,0.6);
		  text-align: center;
		  padding: 20px 30px;
		  cursor: pointer;
		  margin-top: 20px;
	  }
	  .coupon_wrap dl dt.active {
		  background-image: url(../img/coupon_btn_arrow_open.png);
	  }
	  .coupon_wrap dl dd {
		  display: none;
	  }
	  .coupon_wrap dl dd p.au_note{
		  margin: 25px auto;
		  font-size: 18px;
		  text-align: center;
		  line-height: 1.6;
	  }
	  .coupon_wrap dl dd p.au_note span{
		  font-size: 14px;
	  }
	  .coupon_wrap dl dd p.au_note span.eo{
		  font-size: 130%;
	  }
	  .coupon_wrap dl dd p.howto_ttl{
		  font-size: 20px;
		  margin-bottom: 10px;
	  }
	  .coupon_wrap dl dd div.howto {
		  text-align:center;
		  font-size: 16px;
		  font-weight: bold;
		  line-height: 1.5;
	  }
	  .coupon_wrap dl dd div.howto span{
		  display: inline-block;
		  font-size: 14px;
		  font-weight: normal;
		  margin-top: 10px;
	  }
	  #about .coupon_wrap dl dd div.howto .notes {
		  font-size: 14px;
		  color: #F00;
		  font-weight: normal;
		  margin-top: 0;
	  }
	  .coupon_wrap dl dd div.howto_box{
		  border: solid 2px #c0c0c0;
		  margin-bottom: 20px;
		  overflow: hidden;
	  }
	  .coupon_wrap dl dd div div.howto_num{
		  background: #c0c0c0;
		  float: left;
		  width: 15%;
		  text-align: center;
		  padding: 18px 0;
	  }
	  .coupon_wrap dl dd div div.howto_num img{
		width: 67px;
	  }
	  .coupon_wrap dl dd div div.howto_txt{
		  background: #fff;
		  float: left;
		  font-size: 16px;
		  font-weight: bold;
		  line-height: 1.5;
		  width: 85%;
	  }
	  .coupon_wrap dl dd div div.howto_txt div{
		  padding: 19px 0 0 19px;
	  }
	  .coupon_wrap dl dd div div.howto_txt span{
		  font-size: 12px;
		  font-weight: normal;
	  }
	  .coupon_wrap dl dd div div.howto_txt .howto_link{
		  text-align: right;
		  font-size: 14px;
		  font-weight: normal;
	  }
	  .coupon_wrap dl dd .howto_btn {
		  background: url(../img/coupon_howto_btn.png) no-repeat;
		  width: 360px;
		  height: 69px;
		  display: block;
		  margin: 30px auto 0;
		  text-indent: -9999px;
	  }
	  .coupon_wrap dl dd .howto_btn a{
		  display: block;
		  width: 360px;
		  height: 69px;
	  }
	  .coupon_wrap dl dd .howto_btn:hover {
		  background: url(../img/coupon_howto_btn_over.png) no-repeat;
	  }
	  .coupon_wrap dl dd.detail {
		  display: block;
	  }
	  .coupon_wrap dl dd div.howto_detail{
		  width: 720px;
		  margin: 30px auto 0;
	  }
	  .coupon_wrap dl dd div.howto_detail .howto_detai_txt{
		  float: left;
		  width: 370px;
		  font-size: 15px;
		  line-height: 1.5;
		  margin-top: 20px;
	  }
	  .coupon_wrap dl dd div.howto_detail .howto_detai_img{
		  float: right;
	  }
	  }



/* 12月CP対応 */

.price_1100 {
	max-width: calc(656/710*100%);
	margin-top: 1.0em;
	margin-right: auto;
	margin-left: auto;
}


.point_note03 {
	font-size: 1.4rem;
	margin-top: 1.0em;
}
.point_note03 li {
    padding-left: 1em;
    text-indent: -1em;
}