@charset "utf-8";
/*
	[RewriteCommon]
		0. HTML, Body
		1. Anchor
		2. Color
		3. Background
		4. shadow
		5. Input

	[Layout]
		0. Header,Footer
		1. Infomation
		2. menu
		3. prof
		4. info
		5. infoBox
		6. point
		7. content
		8. message
		9. free
		10.open
		11.pict
		12.mail
		13.fukidashi
		99.others

	[Parts]
		0. btn
		1. ttl
		2. pagination
		3. icon
		4.label badge check
		5. marquee

	[Add  New Style]

*/
/* //////////////////////////////////////////////////
[Base]
////////////////////////////////////////////////// */
/* --------------------------------------------------
	0. HTML, Body
-------------------------------------------------- */
body {
	background-color: #FFFFFF;
	color: #333333;
	font-size: 1em;
	line-height: 1.5;
}
body.siteBody {
}
/* --------------------------------------------------
	1. Anchor
-------------------------------------------------- */
/* --------------------------------------------------
	2. Color
-------------------------------------------------- */
.txt-heading {
	color: #690;
}
.txt-prof-heading {
	color: #F90;
}
.txt-prof-item {
	color: #690;
}
.txt-danger {
	color: #e60012;
}
/* --------------------------------------------------
	3. Background
-------------------------------------------------- */
.bg-blue-grd {
	background-image: #690;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDA5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwNDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(top, #690 0%, #693 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #690), color-stop(100%, #693));
	background-image: -webkit-linear-gradient(top, #690 0%, #693 100%);
	background-image: -o-linear-gradient(top, #690 0%, #693 100%);
	background-image: -ms-linear-gradient(top, #690 0%, #693 100%);
	background-image: linear-gradient(to bottom, #690 0%, #693 100%);
}
/* --------------------------------------------------
	4. shadow
-------------------------------------------------- */
/* --------------------------------------------------
	5. Input
-------------------------------------------------- */
input[type="text"], textarea {
	width: 100%;
	font-size: 16px;
	background-color: #fff;
}
input[type="text"].w-100 {
	width: 100px;
}
input[type="text"].w-200 {
	width: 200px;
}
input[type="text"].dinline {
	display: inline;
	width: auto;
}
select {
	font-size: 16px;
}
input[type="submit"] {
	border: none;
}
input[type="number"] {
	width: 60px;
	font-size: 1.4em;
}
input[type="number"].w-100p {
	width: 100%;
	font-size: 16px;
}
input[type="radio"] {
	width: auto;
	font-size: 1.4em;
}
legend {
	color: #690;
	margin-bottom: 5px;
}
/* //////////////////////////////////////////////////
[Layout]
////////////////////////////////////////////////// */
/* --------------------------------------------------
	0. Header,Footer
-------------------------------------------------- */
footer.siteFooter {
	background-image: #cfa434;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDA5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwNDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(top, #cfa434 0%, #cfa434 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cfa434), color-stop(100%, #cfa434));
	background-image: -webkit-linear-gradient(top, #cfa434 0%, #cfa434 100%);
	background-image: -o-linear-gradient(top, #cfa434 0%, #cfa434 100%);
	background-image: -ms-linear-gradient(top, #cfa434 0%, #cfa434 100%);
	background-image: linear-gradient(to bottom, #cfa434 0%, #cfa434 100%);
	font-size: 16px;
	line-height: 35px;
	height: 35px;
	color: #FFF;
	text-shadow: 0 1px 1px #999;
	padding: 0;
	margin: 0;
	text-align: center;
}
/* --------------------------------------------------
	1. Infomation
-------------------------------------------------- */
.navBox {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #FFFFFF;
}
.navBox li {
	height: 44px;
	line-height: 44px;
	background-image: #EEEEEE;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(top, #EEEEEE 0%, #CCCCCC 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEEEEE), color-stop(100%, #CCCCCC));
	background-image: -webkit-linear-gradient(top, #EEEEEE 0%, #CCCCCC 100%);
	background-image: -o-linear-gradient(top, #EEEEEE 0%, #CCCCCC 100%);
	background-image: -ms-linear-gradient(top, #EEEEEE 0%, #CCCCCC 100%);
	background-image: linear-gradient(to bottom, #EEEEEE 0%, #CCCCCC 100%);
	color: #333;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999999;
}
.navBox li a {
	display: block;
	background-image: url(../../img/sp/icon_arrow_w.png);
	background-position: right center;
	background-repeat: no-repeat;
	-moz-background-size: 15px 15px;
	-webkit-background-size: 15px 15px;
	-o-background-size: 15px 15px;
	background-size: 15px 15px;
	padding: 0 20px 0 10px;
	color: #333;
	text-decoration: none;
}
/* --------------------------------------------------
	2. menu
-------------------------------------------------- */
.ttl-menu {
	background-image: #6C0;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1Y2VhNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2FkNzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(top, #6C0 0%, #9C0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6C0), color-stop(100%, #9C0));
	background-image: -webkit-linear-gradient(top, #6C0 0%, #9C0 100%);
	background-image: -o-linear-gradient(top, #6C0 0%, #9C0 100%);
	background-image: -ms-linear-gradient(top, #6C0 0%, #9C0 100%);
	background-image: linear-gradient(to bottom, #6C0 0%, #9C0 100%);
	color: #FFFFFF;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	text-shadow: 0 1px 1px rgba(25,25,25,0.3);
}
.list-menu {
	list-style: none outside;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #FFFFFF;
}
.list-menu li {
	background-image: #EEEEEE;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(top, #EEEEEE 0%, #FFF 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEEEEE), color-stop(100%, #FFF));
	background-image: -webkit-linear-gradient(top, #EEEEEE 0%, #FFF 100%);
	background-image: -o-linear-gradient(top, #EEEEEE 0%, #FFF 100%);
	background-image: -ms-linear-gradient(top, #EEEEEE 0%, #FFF 100%);
	background-image: linear-gradient(to bottom, #EEEEEE 0%, #FFF 100%);
	color: #222;
	width: 50%;
	height: 44px;
	line-height: 44px;
	padding-left: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCC;
}
.list-menu li:nth-child(even) {
	border-left: 1px solid #FFFFFF;
}
.list-menu li:nth-child(odd) {
	border-right: 1px solid #CCC
}
.list-menu li:last-child {
}
.list-menu li.list-menu_union {
	width: 100%;
	border-right: none;
	text-align: center;
}
.list-menu li a {
	display: block;
	background-image: url(../../img/sp/icon_arrow_w.png);
	background-position: right center;
	background-repeat: no-repeat;
	-moz-background-size: 15px 15px;
	-webkit-background-size: 15px 15px;
	-o-background-size: 15px 15px;
	background-size: 15px 15px;
	padding: 0 20px 0 0px;
	color: #222;
	text-decoration: none;
}
.list-menu li a.line_2 {
	line-height: 16px;
	padding: 5px 0 5px;
}
/* --------------------------------------------------
	3. prof
-------------------------------------------------- */
dl.prof {
	padding-top: 10px;
	padding-bottom: 10px;
}
dl.prof dt {
	float: left;
	width: 60px;
	text-align: center;
}
dl.prof dt img {
	max-width: 60px;
}
dl.prof dd {
	margin-left: 70px;
	color:#690;
}
dl.prof dd a{
	color: #0066cc;
}
.prof-name {
	color: #690;
}
.prof-h {
	display: block;
	width: 100%;
}
.message-subject{
	font-weight: bold;
	display: inline-block;
	margin-bottom: 5px;
}
/* --------------------------------------------------
	4. info
-------------------------------------------------- */
dl.list-info dt {
	color: #690;
}
dl.list-info dd {
	margin-bottom: 10px;
}
dl.list-info dd:last-child {
	margin-bottom: 0px;
}
.important-info {
	color: #f00;
	font-size: 18px;
}
/* --------------------------------------------------
	5. infoBox
-------------------------------------------------- */
.infoBox {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 3px #999999;
	box-shadow: 0 0 3px #999999;
	background-color: #ffffff;
	color: #000000;
	margin-bottom: 10px;
}
.ttl-infoBox {
	font-weight: normal;
	color: #ffffff;
	text-shadow: 0 1px 1px #999;
	text-align: center;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
/* --------------------------------------------------
	6. point
-------------------------------------------------- */
table.tbl-point tr {
	border-top: 1px solid #999999;
}
table.tbl-point th {
	border-right: 1px solid #999999;
	text-align: center;
}
table.tbl-point td {
	text-align: center;
}
/* --------------------------------------------------
	7. content
-------------------------------------------------- */
dl.list-content dt {
	padding-right: 3px;
	padding-left: 3px;
	margin-bottom: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f4d832;
	color: #000000;
	display: inline-block;
}
dl.list-content dd {
	margin-bottom: 10px;
}
dl.list-content dd.message {
}
dl.list-content dd:last-child {
	margin-bottom: 0px;
}
/* --------------------------------------------------
	8. message
-------------------------------------------------- */
dl.message {
}
dl.message dt {
	color: #690;
	margin-bottom: 5px;
}
dl.message dd {
	margin-bottom: 10px;
}
dl.message dd:last-child {
	margin-bottom: 0px;
}
.datetime-receive {
	color: #008000;
}
/* --------------------------------------------------
	9. free
-------------------------------------------------- */
.ttl-free {
	font-weight: normal;
	color: #FC6;
	height: 30px;
	line-height: 30px;
	text-shadow: 0 1px 1px #000000;
	text-align: center;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-image: #96C;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDA5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwNDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(top, #96C 0%, #C9C 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #96C), color-stop(100%, #C9C));
	background-image: -webkit-linear-gradient(top, #96C 0%, #C9C 100%);
	background-image: -o-linear-gradient(top, #96C 0%, #C9C 100%);
	background-image: -ms-linear-gradient(top, #96C 0%, #C9C 100%);
	background-image: linear-gradient(to bottom, #96C 0%, #C9C 100%);
}
dl.free {
	padding: 10px;
	background-image: #EFE5FF;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDA5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwNDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(top, #FFF 0%, #EFE5FF 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #EFE5FF));
	background-image: -webkit-linear-gradient(top, #FFF 0%, #EFE5FF 100%);
	background-image: -o-linear-gradient(top, #FFF 0%, #EFE5FF 100%);
	background-image: -ms-linear-gradient(top, #FFF 0%, #EFE5FF 100%);
	background-image: linear-gradient(to bottom, #FFF 0%, #EFE5FF 100%);
}
.free {
	color: #222222;
}
dl.free dt {
	float: left;
	display: inline-block;
	width: 90px;
}
dl.free dt img {
	width: 80px;
}
dl.free dd {
	margin-left: 90px;
}
.tbl-fortune th, .tbl-fortune td {
	padding: 2px;
	text-align: left;
	font-weight: normal;
}
.tbl-fortune th {
	padding-right: 10px;
}
/* --- ▼バンドルカード▼ --- */
.v-body {
	font-family: 'Arial', sans-serif;
	color: #333;
	margin: 0;
}
.v-header {
	background-color: #6c63ff;
	color: white;
	padding: 1rem 0;
	text-align: center;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.v-header h1 {
	font-size: 2rem;
	font-weight: bold;
	margin: 0;
	text-transform: uppercase;
}
.v-card {
	border: none;
	border-radius: 15px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	margin: 1rem 0;
	background-color: white;
	padding: 0.5rem;
}
.v-card-title {
	font-size: 1rem;
	font-weight: bold;
	color: #6c63ff;
	margin-bottom: 1rem;
	text-align: center;
	border: 2px solid #6c63ff; /* Add border */
	padding: 0.5rem; /* Add padding */
	border-radius: 10px; /* Add rounded corners */
}
.v-card-text {
	font-size: 1rem;
	color: #555;
	margin-bottom: 1rem;
	text-align: left;
}
.v-img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
	margin: 1rem auto;
}
.v-app-icons {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 1.5rem;
	flex-wrap: wrap;
}
.v-app-icons a {
	margin: 0 10px;
}
.v-btn-custom {
	background-color: #6c63ff;
	color: #fff !important;
	border: none;
	padding: 0.5rem 1.25rem;
	font-size: 1rem;
	border-radius: 5px;
	transition: background-color 0.3s, transform 0.3s;
	display: inline-block;
	margin: 0.5rem 0;
}
.v-btn-custom:hover {
	background-color: #5a54d6;
	color: #fff;
	transform: translateY(-2px);
}
/* --- ▲バンドルカード▲ --- */

/* --------------------------------------------------
	10.open
-------------------------------------------------- */
ul.list-open li {
	padding-left: 10px;
	padding-right: 10px;
	background-image: #FFF;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDA5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwNDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(top, #FFF 0%, #e5e5e5 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #e5e5e5));
	background-image: -webkit-linear-gradient(top, #FFF 0%, #e5e5e5 100%);
	background-image: -o-linear-gradient(top, #FFF 0%, #e5e5e5 100%);
	background-image: -ms-linear-gradient(top, #FFF 0%, #e5e5e5 100%);
	background-image: linear-gradient(to bottom, #FFF 0%, #e5e5e5 100%);
}
/* --------------------------------------------------
	11.pict
-------------------------------------------------- */
dl.pict {
	padding-top: 10px;
	padding-bottom: 10px;
}
dl.pict dt {
	float: left;
	width: 100px;
	text-align: center;
}
dl.pict dt img {
	max-width: 100px;
}
dl.pict dd {
	margin-left: 110px;
}
.prof-name {
	color: #96C;
}
/* --------------------------------------------------
	12.mail
-------------------------------------------------- */
ul.list-mail {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #FFFFFF;
}
ul.list-mail li {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999999;
}
/* --------------------------------------------------
	13.fukidashi_201408_TAR
-------------------------------------------------- */
.triangle-right {
background: none repeat scroll 0 0 #E5E5E5;
border-radius: 10px 10px 10px 10px;
color: #000000;
margin:0;
margin-left: 10px;
padding: 10px;
position: relative;
word-wrap:break-word;
}
.triangle-right.right {
color:#fff;
background: none repeat scroll 0 0 #5a8f00;
margin-right: 10px;
margin-left: 0px;
}
.triangle-right:after {
border-color: #e5e5e5 transparent;
border-style: solid;
border-width: 20px 0 0 20px;
bottom: -20px;
content: "";
display: block;
left: 50px;
position: absolute;
width: 0;
}
.triangle-right.left:after {
border-color: transparent #E5E5E5;
border-width: 0px 10px 8px 0;
bottom: auto;
left: -10px;
top: 10px;
}
.triangle-right.right:after {
border-color: transparent #5a8f00;
border-width: 8px 0 0 10px;
bottom: auto;
left: auto;
right: -10px;
top: 10px;
}

.bold{
	font-weight:bold;
	}
.name{
	color:#96C;
	}
.gray{
	color:#333;
	}

hr {
	border-top: 1px dashed #bbb;
}
.middle td {
	vertical-align: top;
}
.middl td bottom {
	vertical-align:text-bottom;
}
.top td  {
	vertical-align: top;
}
/* --------------------------------------------------
	99.others
-------------------------------------------------- */
.list-number {
	list-style: decimal outside;
	margin-left: 30px;
}
/* //////////////////////////////////////////////////
[Parts]
////////////////////////////////////////////////// */
/* --------------------------------------------------
	0. btn
-------------------------------------------------- */
.gnav {
	display: flex;
	justify-content: space-between;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
}

.gnav button {
	flex: 1;
	background-color: #9b87aa;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border: none;
	padding: 0;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
	position: relative;
}

.gnav button a {
	color: #fff;
	text-decoration: none;
	display: block;
	height: 100%;
	width: 100%;
}

.gnav button:not(:last-child)::after {
	content: '';
	position: absolute;
	right: 0;
	top: 10%;
	height: 80%;
	width: 1px;
	background-color: #fff;
}
.btn-default, .btn-default:visited {
	width: 220px;
	height: 44px;
	line-height: 44px;
	margin: 0 auto;
	padding: 0px;
	display: block;
	color: #fff !important;
	background: linear-gradient(to bottom, #5cb85c 5%, #259725 100%);
	border: 1px solid #FFFFFF;
	font-size: 16px;
	text-align: center;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	text-shadow: 0 1px 1px rgba(25,25,25,0.3);
	text-decoration: none;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
}
.btn-default:hover, .btn-default:active, .btn-default:focus {
	background: linear-gradient(to bottom, #259725 5%, #5cb85c 100%);
}

.btn-default2, .btn-default2:visited {
	width: 220px;
	height: 44px;
	line-height: 44px;
	margin: 0 auto;
	padding: 0px;
	display: block;
	color: #fff !important;
	background: linear-gradient(to bottom, #e56861 5%, #bb140b 100%);
	border: 1px solid #FFFFFF;
	font-size: 16px;
	text-align: center;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	text-shadow: 0 1px 1px rgba(25,25,25,0.3);
	text-decoration: none;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
}
.btn-default2:hover, .btn-default2:active, .btn-default2:focus {
	background: linear-gradient(to bottom, #bb140b 5%, #e56861 100%);
}
#top_btn{
	width: 100%;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 15px 0;
	position: fixed;
	bottom: 34px;
	left: 50%;
	transform: translateX(-50%);
}
.btn-point, .btn-point:visited {
	width: 200px;
	height: 44px;
	line-height: 44px;
	margin: 0 auto;
	padding: 0px;
	display: block;
	background-color:#d822ff;
	border-radius:15px;
	border-bottom:3px solid #a000c2;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	text-align: center;
	font-size:20px;
	font-weight:bold;
	padding:16px 76px;
	text-decoration:none;
	text-shadow: 0 1px 1px rgba(25,25,25,0.3);
	text-decoration: none;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
	opacity: 1;
}
.btn-point:hover, .btn-point:active, .btn-point:focus {
	opacity: 0.8;
}

.btn-send-msg-jump, .btn-send-msg-jump:visited {
	width: 150px;
	height: 33px;
	line-height: 33px;
	margin: 0 auto;
	background:linear-gradient(to bottom, #5cb85c 5%, #4cae4c 100%);
	background-color:#5cb85c;
	border-radius:10px;
	border:2px solid #4cae4c;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	text-align: center;
	font-size:18px;
	font-weight:bold;
	padding:16px 19px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3e8f3e;
	text-shadow: 0 1px 1px rgba(25,25,25,0.3);
	text-decoration: none;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
	opacity: 1;
}
.btn-send-msg-jump:active {
	opacity: 0.6;
	transform: scale(0.95);
	box-shadow: inset 0px 5px 0px 0px #a3d9a5;
}
.btn-prev, .btn-next {
	width: 60px;
	height: 33px;
	line-height: 33px;
	margin: 0 auto;
	padding: 0px;
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	background-color:#f24537;
	border-radius:10px;
	border:2px solid #c62d1f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	text-align: center;
	font-size:18px;
	padding:16px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
	text-shadow: 0 1px 1px rgba(25,25,25,0.3);
	text-decoration: none;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
	opacity: 1;
}
.btn-prev:active, .btn-next:active {
	opacity: 0.6;
	transform: scale(0.95);
	box-shadow: inset 0px 5px 0px 0px #d02718;
}
/* --- ▼拡大縮小ボタン▼ --- */
.btn_font {
	list-style: none;
	padding: 0;
	position: fixed;
	bottom: 40vmin; 
	right: 0;
	z-index: 999;
}

.btn_font img {
	width: 50px;
}

.btn_font li {
    margin-bottom: 1px;
    cursor: pointer; 
}
/* --- ▲拡大縮小ボタン▲ --- */

/* --- ▼メールボックス・各種ボタン▼ --- */
.sort-btn-area {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}
.sort-btn {
	background-color: #f0f0f0;
	padding: 8px 16px;
	margin: 0 10px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-size: 1.1em;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.sort-btn:hover {
	background-color: #e0e0e0;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
#button-sort-newest.active {
	color: #ffffff;
	background-color: #56b583;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
#button-sort-unreadcount.active, #button-has-unread.active {
	color: #ffffff;
	background-color: #3c99bc;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
#button-filter-favorite.active {
	color: #ffffff;
	background-color: #f00;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
#button-toggle-favorite {
	background-color: #fff;
	padding: 10px;
	border: solid 1px #888;
}
.add-favorite {
	color: #00f;
}
.remove-favorite {
	color: #f00;
}
/* --- ▲メールボックス・各種ボタン▲ --- */

/* --- ▼メールボックス・送信メッセージ▼ --- */
.send-box-ttl {
	padding: 10px 5px 5px 5px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background-color: #FF0000;
	margin-bottom: 10px;
}
.send-box {
	border: #666 solid 3px;
	line-height: 1.5rem;
	padding: 5px;
	text-align: left;
	background-color: #fff;
	margin-top: 10px; 
}
.datetime-receive2 {
	display: inline-block;
	margin-bottom: 5px;
}
.sent-message-link {
	text-decoration: underline;
	text-decoration-color: #0066cc;
	color : #0066cc !important;  
}
/* --- ▲メールボックス・送信メッセージ▲ --- */

/* --- ▼点滅▼ --- */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
/* --- ▲点滅▲ --- */

/* --- ▼所持ポイント表示▼ --- */
.remain-point {
	background-color: #f5f5f5;
	margin: 20px;
	padding: 10px;
	text-align: center;
	border-radius: 10px;
	font-size: 1em;
	font-weight: bold;
}
/* --- ▲所持ポイント表示▲ --- */

/* --------------------------------------------------
	1. ttl
-------------------------------------------------- */
.ttl-com {
	background-image: url(../../img/sp/title_l.png), url(../../img/sp/title_r.png), linear-gradient(to bottom, #cfa434 0%, #cfa434 100%);
	background-position: left top, right top, left top;
	background-repeat: no-repeat, no-repeat, no-repeat;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	font-size: 16px;
	font-weight: normal;
	line-height: 35px;
	height: 35px;
	color: #ffffff;
	text-shadow: 0 1px 1px #999;
	text-align: center;
	padding: 0;
	overflow: hidden;
}
/* --------------------------------------------------
	2. pagination
-------------------------------------------------- */
.pagination {
	width: 220px;
	margin: 0 auto 10px;
	text-align: center;
}
.pagination li {
	display: inline-block;
	width: 50%;
	height: 44px;
	line-height: 44px;
	text-align: center;
	border: 1px solid #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.pagination li.previous {
	-webkit-border-top-left-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}
.pagination li.next {
	border-left: none;
	-webkit-border-top-right-radius: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomright: 30px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}
.pagination li.single {
	width: 220px;
	border: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.pagination li a {
	display: block;
	text-decoration: none;
	color: #333;
}
/* --------------------------------------------------
	3. icon
-------------------------------------------------- */
.icon-arrow-o {
	padding-left: 20px;
	background-image: url(../../img/sp/icon_arrow_o.png);
	background-repeat: no-repeat;
	background-position: left 50%;
	-moz-background-size: 15px 15px;
	-webkit-background-size: 15px 15px;
	-o-background-size: 15px 15px;
	background-size: 15px 15px;
}
.icon-arrow-r {
	padding-left: 20px;
	background-image: url(../../img/sp/icon_arrow_r.png);
	background-repeat: no-repeat;
	background-position: left 50%;
	-moz-background-size: 15px 15px;
	-webkit-background-size: 15px 15px;
	-o-background-size: 15px 15px;
	background-size: 15px 15px;
}

.icon_free {
	padding-right: 3px;
	padding-left: 3px;
	margin-bottom: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #F00;
	color: #fff;
	display: inline-block;
}

.icon_point {
	padding-right: 3px;
	padding-left: 3px;
	margin-bottom: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #F90;
	color: #fff;
	display: inline-block;
}

.icon_people {
	padding-right: 3px;
	padding-left: 3px;
	margin-bottom: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #690;
	color: #fff;
	display: inline-block;
}



/* --------------------------------------------------
	4.label badge check
-------------------------------------------------- */
.label, .badge {
	display: inline-block;
	padding-right: 3px;
	padding-left: 3px;
	margin-bottom: 5px;
	color: #000000;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #999
}
.label {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}
.badge {
	padding-right: 9px;
	padding-left: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px
}
.label-red, .badge-red {
	background-color: #ff0000;
}
.label-red[href], .badge-red[href] {
	background-color: #953b39;
}
.label-yl, .badge-yl {
	background-color: #690;
}
.label-yl[href], .badge-yl[href] {
	background-color: #c67605;
}
.label-gr, .badge-gr {
	background-color: #690;
}
.label-gr[href], .badge-gr[href] {
	background-color: #356635;
}
.label-bl, .badge-bl {
	background-color: #3a87ad;
}
.label-bl[href], .badge-bl[href] {
	background-color: #2d6987;
}
.label-gray, .badge-gray {
	background-color: #cccccc;
}
.label-gray[href], .badge-gray[href] {
	background-color: #cccccc;
}
.label-bk, .badge-bk {
	background-color: #333
}
.label-bk[href], .badge-bk[href] {
	background-color: #1a1a1a;
}
.btn .label, .btn .badge {
	position: relative;
	top: -1px
}
.check {
	font-size: 10px;
	padding-right: 3px;
	padding-left: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
	display: inline-block;
}

/* detail */

.navigation {
	position: relative; /* 子要素の絶対位置を親に基づかせる */
	margin-top: 20px;
	height: 40px; /* 高さを固定 */
}

.navigation .prev,
.navigation .next {
	display: inline-block;
	color: white;
	text-decoration: none;
	padding: 5px 10px;
	font-weight: normal;
	font-size: 1em;
	background-color: #5cb85c;
	border-radius: 5px;
	border: none;
	cursor: pointer;
	position: absolute; /* 親に基づいて絶対位置を設定 */
	top: 50%; /* 垂直方向中央揃え */
	transform: translateY(-50%); /* 垂直方向中央揃えの補正 */
}

.navigation .prev {
	left: 0; /* 左端に固定 */
}

.navigation .next {
	right: 0; /* 右端に固定 */
}

/* --------------------------------------------------
	5. marquee
-------------------------------------------------- */

.marquee {
	overflow: hidden;
	background-color:#cfa434;
}
.marquee p {
	width: 100%;
	text-align: center;
	display: inline-block;
	white-space: nowrap;
	color: #FFF;
	-moz-animation-duration: 20s;
	-moz-animation-name: marquee;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-webkit-animation-duration: 20s;
	-webkit-animation-name: marquee;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-ms-animation-duration: 20s;
	-ms-animation-name: marquee;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	-o-animation-duration: 20s;
	-o-animation-name: marquee;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
}
@-webkit-keyframes marquee {
 from {
margin-left: 100%;
width: 100%;
}
 to {
margin-left: -100%;
width: 100%;
}
}
@-moz-keyframes marquee {
 from {
margin-left: 100%;
width: 100%;
}
 to {
margin-left: -100%;
width: 100%;
}
}
@-ms-keyframes marquee {
 from {
margin-left: 100%;
width: 100%;
}
 to {
margin-left: -100%;
width: 100%;
}
}
@-o-keyframes marquee {
 from {
margin-left: 100%;
width: 100%;
}
 to {
margin-left: -100%;
width: 100%;
}
}
.bgblack {
	background-color:#000;
	color:#fff;
}
.bgwhite {
	background-color:#fff;
	color:#000;
}

/* --- ▼LINE▼ --- */
.btn8 {
	width: 230px;
	height: 70px;
	line-height: 70px;
	margin: 0 auto;
	padding: 0px 10px 0px;
	border: 2px solid #06c755;
	display: block;
	color: #ffffff !important;
	background: #06c755;
	text-shadow: 0 1px 1px rgba(25,25,25,0.3);
	cursor: pointer;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	border-radius: 10px;
	text-decoration: none;
	box-sizing: content-box;
	position: relative; /* 疑似要素の基準位置用 */
}
.btn_anm {
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	animation-direction: normal;
}
@-webkit-keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

/* guide_modal_ad */
html.is_modal_ad_active {
	height: 100%;
}
@keyframes modal_ad_fade_in {
	0%   {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.modal_ad {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	box-sizing: border-box;
	opacity: 0;
	animation: modal_ad_fade_in 1.4s linear 0.6s 1 forwards;
}
.modal_ad * {
	box-sizing: border-box;
}
.modal_ad_bg {
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.modal_ad_content_wrap {
	margin: 0 auto;
	padding: 5% 10%;
	position: relative;
	width: 100%;
	max-width: 720px;
	z-index: 10;
}
.btn_modal_ad_close_wrap {
	margin: 0;
	top: 3%;
	right: 8%;
	position: absolute;
}
.btn_modal_ad_close {
	display: inline-block;
	text-align: right;
}
.btn_modal_ad_close img {
	width: 30px;
	vertical-align: bottom;
}
.modal_ad_content {
	width: 100%;
}
.modal_ad_img img {
	width: 100%;
}

.line-guide-button {
	border: none;
	background: none;
}

/* --- ▼guide_LINE▼ --- */
.bg-white {
	padding-top: 10px; 
	background-color: #FFFFFF; 
}
.guide_line_info_ttl {
	position: relative;
	background-color: #06c755;
	color: #fff;
	font-size: 1em;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	height: 40px;
	width: 94%;
	&::before {
		content: '';
		position: absolute;
		top: 0;
		right: -20px;
		border-top: solid 20px transparent;
		border-bottom: solid 20px transparent;
		border-left: solid 20px  #06c755;
	}
}
.guide_line_info {
	margin: 0 10px;
	padding: 5px;
	border: #06c755 1px solid;
	border-radius: 0;
	background:#FFFFFF; 
	font-size: 1.2em;
	line-height: 1.5em;
	color: #000;
}

.guide_line_txt {
	padding: 20px;
	background:#FFFFFF; 
	font-size: 1.1em;
	line-height: 1.5em;
	color: #000;
}

.guide_line_btn-box {
	padding: 20px 40px;
}

.c_line {
	color: #00903b;
}

.c_line2 {
	color: #00903b;
	font-weight: bold;
}

.c_line3 {
	font-weight: bold;
	text-decoration:underline;
}

.c_line4 {
	font-weight: bold;
	color: #ff0000;
	text-decoration:underline;
}

.modal_line_migrate {
	display: flex;
	align-items: center;
}

.modal_wrap_line_migrate {
	background-color: #fff;
}

/* --- ▼UnivaPay▼ --- */

.un_ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.un_li {
	padding: 10px;
	border-bottom: 1px solid #ddd;
}
.un_li:last-child {
	border-bottom: none;
}
.un_label {
	font-weight: bold;
	color: #555;
}
.un_value {
	color: #222;
}
.btn-add-email {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    color: #333;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.btn-add-email:hover {
    background-color: #e6e6e6;
    border-color: #999;
}