<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/*------------------------------------
 CSS Information
 
  Site URL:/coin/index.html
  File name: index.css (/excludes/css/p/coin/index.css)
  Summary: DDuetコイントップページ
  Created: 
  Last update: 2022-01-18 Ishibashi
  Author: BASE_C
 
------------------------------------*/

/*コインまとめページ----------------------------------*/

.coin_contents {
	background: url(/excludes/images/coin/index/bg02.png) repeat;
}
.coin_contents a:hover img {
	-ms-filter: "alpha( opacity=60 )";
	filter: alpha( opacity=60 );
	opacity: 0.6;
	transition: all .4s;
}
#mv {
	background: #ff4565 url(/excludes/images/coin/index/bg01.png) no-repeat center center;
}
#mv h2 img {
	margin: 5px 0;
	width: 240px;
	height: auto;
}

.coinbox {
	position: relative;
	width: 780px;
	margin: 100px auto 70px;
	padding: 70px 100px 38px;
	background: #fff;
	border-radius: 10px;
	text-align: left;
}
.coinbox .cointtl {
	padding: 0 0 40px;
	font-size: 40px;
	line-height: 1em;
	color: #ff6085;
	text-align: center;
}
.coinbox .cointtl2 {
	position: relative;
	margin: 0 0 50px;
	background: url(/excludes/images/coin/index/bg03.png) repeat-x center center;
	font-size: 28px;
	line-height: 1em;
	color: #ff6085;
	text-align: center;
}
.coinbox .cointtl2 u {
	padding: 0 0.5em;
	background: #fff;
	text-decoration: none;
	display: inline-block;
}
.coinbox .cointtl .update,
.coinbox .cointtl2 .update {
	font-size: 18px;
	font-weight: normal;
	color: #333;
	display: inline-block;
}
.coinbox .cointtl .update {
	padding: 8px 0 0;
}
.coinbox .cointtl2 .update {
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translateX(-50%);
}
.coinbox .comment {
	position: relative;
	margin: 0 0 50px 100px;
	padding: 30px 30px 30px 80px;
	background: #fffcdd;
	border-radius: 20px;
	font-size: 20px;
	line-height: 1.8em;
}
.coinbox .comment .character {
	position: absolute;
	left: -130px;
	top: 20px;
	width: 200px;
	height: auto;
	background: #ffdee5;
	border-radius: 50%;
}

.coinbox .bx-wrapper {
	box-shadow: none;
	border: none;
}
.coinbox .bx-wrapper .bx-controls-direction a {
	width: 22px;
	height: 39px;
	margin-top: -19px;
}
.coinbox .bx-wrapper .bx-prev {
	left: -40px;
	background: url(/excludes/images/coin/index/arrow_back.png) no-repeat left top;
}
.coinbox .bx-wrapper .bx-next {
	right: -40px;
	background: url(/excludes/images/coin/index/arrow_next.png) no-repeat left top;
}
.coinbox .bx-wrapper .bx-prev:hover,
.coinbox .bx-wrapper .bx-next:hover,
.coinbox .bx-wrapper .bx-prev:focus,
.coinbox .bx-wrapper .bx-next:focus {
	background-position: 0 0;
}
.coinbox .bx-wrapper .bx-pager {
	bottom: -40px;
}
.coinbox .bx-wrapper .bx-pager.bx-default-pager a {
	width: 14px;
	height: 14px;
	background: #fff;
	border: 1px solid #ff6085;
	border-radius: 14px;
	box-sizing: border-box;
}
.coinbox .bx-wrapper .bx-pager.bx-default-pager a:hover,
.coinbox .bx-wrapper .bx-pager.bx-default-pager a.active,
.coinbox .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #ff6085;
}

a.camel {
	width: 325px;
	padding: 0.8em 26px 0.8em 0;
	background: #e1b500 url(/excludes/images/coin/index/arrow01.png) no-repeat right 15px center;
	background-size: 25px 25px;
	border-radius: 50px;
	font-size: 22px;
	line-height: 1em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
}
a.camel:hover {
	background: #e1a400 url(/excludes/images/coin/index/arrow01.png) no-repeat right 15px center;
	transition: all .4s;
}
a.camel.big {
	width: 453px;
	padding: 2em 26px 2em 0;
	background-size: 28px 28px;
	border-radius: 60px;
}
a.camel.big.duo {
	padding: 1em 26px 1em 0;
	line-height: 1.4em;
}
.commentMb { /**comment Margin bottom 20201022 julie-san**/
	margin-bottom: 80px!important;
}
#intro:before {
	content: url(/excludes/images/coin/index/icon01.png);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
}
#intro .zebra {
	position: relative;
	padding: 50px 50px 32px;
	background: #fffcdd;
	border-radius: 20px;
}
#intro .zebrattl {
	position: relative;
	padding: 0 40px 68px 0;
	font-size: 28px;
	line-height: 1.6em;
	text-shadow:0 0 3px #fffcdd,0 0 3px #fffcdd,0 0 3px #fffcdd,0 0 3px #fffcdd,0 0 3px #fffcdd,0 0 3px #fffcdd,0 0 3px #fffcdd,0 0 3px #fffcdd,0 0 3px #fffcdd,0 0 3px #fffcdd,0 0 3px #fffcdd,0 0 3px #fffcdd,0 0 3px #fffcdd,0 0 3px #fffcdd,0 0 3px #fffcdd,0 0 3px #fffcdd;
	z-index: 2;
}
#intro .zebrattl u {
	text-decoration: none;
	background: linear-gradient(transparent 65%, #ffee24 35%);
}
#intro .charge {
	position: absolute;
	right: -30px;
	top: -70px;
	width: 220px;
	font-size: 12px;
	text-align: center;
}
#intro .charge img.character {
	width: 100%;
	height: auto;
}
#intro .zebratxt {
	font-size: 20px;
	line-height: 1.7em;
}
#intro .backnumber {
	padding: 35px 0 0;
	text-align: right;
}

#outline:before {
	content: url(/excludes/images/coin/index/icon02.png);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
}
#outline .manual {
	padding: 0 0 20px;
}
#outline .manualttl {
	padding: 0 0 5px;
	font-size: 20px;
	line-height: 1em;
	color: #ff6085;
}
#outline .manualtxt {
	padding: 0 0 10px;
	font-size: 20px;
	line-height: 1.6em;
}
#outline .compare {
	background: url(/excludes/images/coin/index/line01.png) repeat-y center;
}
#outline .comparebox {
	width: 358px;
	padding: 0 0 20px;
}
#outline #save {
	border-bottom: 2px solid #44d38b;
	float: left;
}
#outline #use {
	border-bottom: 2px solid #00bae5;
	float: right;
}
#outline .comparettl {
	text-align: center;
}
#outline #save .comparettl {
	border-top: 2px solid #44d38b;
	border-bottom: 2px solid #44d38b;
}
#outline #use .comparettl {
	border-top: 2px solid #00bae5;
	border-bottom: 2px solid #00bae5;
}
#outline .comparecopy {
	margin: 20px 0;
	padding: 0.5em 0;
	font-size: 22px;
	line-height: 1.6em;
	font-weight: bold;
	text-align: center;
}
#outline #save .comparecopy {
	background: #e3f8ee;
	color: #2acd7b;
}
#outline #use .comparecopy {
	background: #d9f5fb;
	color: #00bae5;
}
#outline .comparelabel {
	padding: 0 0 0.5em;
	font-size: 20px;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
}
#outline #save .comparelabel {
	color: #3ccd7b;
}
#outline #use .comparelabel {
	color: #00bae5;
}
#outline .compareicon {
	padding: 0 0 15px;
	text-align: center;
}
#outline .compareicon .icon {
	width: 266px;
	height: auto;
}
#outline .compareserv {
	position: relative;
	margin: 0 0 0 1.2em;
	padding: 0 0 0.5em;
	font-size: 18px;
	line-height: 1.55em;
	font-weight: bold;
}
#outline .compareserv:before {
	content: "";
	position: absolute;
	left: -24px;
	top: 6px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	display: inline-block;
}
#outline #save .compareserv:before {
	background: #44d38b;
}
#outline #use .compareserv:before {
	background: #00bae5;
}
#outline .compareserv small {
	padding: 0.5em 0 0;
	font-size: 15px;
	line-height: 1.6em;
	font-weight: normal;
	display: block;
}
#outline .comparenotice {
	padding: 0 0 0.8em;
	font-size: 15px;
	line-height: 1.466em;
}
#outline .comparenotice a {
	color: #fa1414;
}
#outline .comparedeli {
	margin: 0 0 0 1em;
	padding: 0 0 0.5em;
	text-indent: -1em;
	font-size: 16px;
	line-height: 1.62em;
	font-weight: bold;
}
#outline .comparedeli:before {
	content: "・";
}
#outline #use .comparedeli em {
	color: #00bae5;
}
#outline .comparelogo {
	width: 179px;
	padding: 0 0 10px;
	text-align: center;
	float: left;
}
#outline .compareticket {
	padding: 10px;
	text-align: center;
}
#outline .detail {
	padding: 65px 0 0;
	text-align: center;
}

#outline a.camel {
	width: 367px;
	margin: 0 0 37px;
	padding: 1em 26px 1em 0;
	line-height: 1.4em;
}

#campaign.coinbox {
	padding: 65px 100px 55px;
}
#campaign .campaign {
	margin: 0 0 0 3em;
	padding: 0 0 10px;
	font-size: 20px;
	line-height: 1.4em;
	list-style: disc outside;
}
#campaign .campaign a {
	/*color: #333;*/
	/*text-decoration: none;*/
}

#service:before {
	content: url(/excludes/images/coin/index/icon03.png);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
}
#service .bx-viewport {
	padding: 0 0 4px;
}
#service .products {
	padding: 30px 0;
}
#service .recommend a.clearfix {
	padding: 0 32px 0 0;
	background: #fff url(/excludes/images/coin/index/arrow02.png) no-repeat right 10px center;
	border: 1px solid #d2ac10;
	border-radius: 5px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	color: #333;
	display: block;
}
#service .recommend a.clearfix:hover {
	background: #f9efc5 url(/excludes/images/coin/index/arrow02.png) no-repeat right 10px center;
}
#service .recommend a.clearfix:hover img {
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	opacity: 1;
}
#service .recommend .new {
	position: relative;
}
#service .recommend .new:before {
	content: url(/excludes/images/coin/index/icon_new01.png);
	position: absolute;
	left: -4px;
	top: -4px;
}
#service .recomphoto {
	width: 137px;
	padding: 26px 0 26px 18px;
	float: left;
}
#service .recomspec {
	width: 181px;
	padding: 20px 0;
	float: right;
}
#service .recomname {
	padding: 0 0 10px;
	font-size: 18px;
	line-height: 1.6em;
	font-weight: bold;
}
#service .recomprice {
	font-size: 18px;
	line-height: 1.8em;
}
#service .recomprice em {
	color: #ff6085;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0.5em 0 0;
	display: inline-block;
}
#service .notice {
	font-size: 16px;
	text-align: center;
}
#service .apply {
	display: flex;
	justify-content: space-between;
	text-align: center;
}

/* 送客キー設定のため追加（20190425） */
#service .apply form{
	display: inline-block;
	width:367px;
}

#service .apply form.camel.list {
	margin-right:41px
}

#service .apply a.camel.list {
	margin: 0 0 37px;
	font-size: 16px;
	line-height: 1.4em;
}
#service .apply a.camel {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 245px;
	height: 100px;
	margin: 0 0 37px 10px;
	font-size: 20px;
	line-height: 1.5em;
}
#service .mallbnr {
	padding: 15px 0 30px;
	text-align: center;
}


#mall.coinbox {
	padding: 70px 100px 70px;
}
#mall:before {
	content: url(/excludes/images/coin/index/icon04.png);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
}
#mall .mall {
	padding: 0 0 80px;
}
#mall .shop {
	text-align: center;
}
#mall a.shopank {
	padding: 36px 0 0;
	text-decoration: none;
	color: #333;
	display: block;
}
#mall a.new.shopank {
	background: url(/excludes/images/coin/index/icon_new02.png) no-repeat center top;
}
#mall .shopicon {
	padding: 0 0 12px;
}
#mall .bx-wrapper img {
	display: inline;
}
#mall .shopname {
	height: 3.4em;
	font-size: 16px;
	line-height: 1.4em;
}
#mall .shoppoints {
	margin: 0 20px;
	padding: 0.3em 0;
	background: #f9e4e9;
	font-size: 14px;
	line-height: 1.6em;
}
#mall .shoppoints em {
	font-size: 18px;
	color: #ff6085;
	font-weight: bold;
}
#mall .notice {
	text-align: center;
}
#mall .counter {
	padding: 10px 0 25px;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
}
#mall .counter .countnum {
	font-size: 48px;
	color: #ff6085;
}
#mall .detail {
	text-align: center;
}
#mall .detail a.camel {
	width: 420px;
}
#mall .special {
	padding: 0 118px 60px;
}
#mall .mallbnr {
	padding: 0 0 70px;
	text-align: center;
}

#coupon:before {
	content: url(/excludes/images/coin/index/icon05.png);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
}
#coupon .schedule {
	width: 680px;
	margin: 0 50px;
	border: 2px solid #aeaeae;
	border-collapse: collapse;
	box-sizing: border-box;
	font-size: 20px;
	line-height: 1em;
}
#coupon .schepre {
	border: 4px solid #ff6085;
}
#coupon .schenum {
	width: 125px;
	padding: 1em 0;
	background: #e5e5e5;
	border-right: 2px solid #aeaeae;
	text-align: center;
}
#coupon .schepre .schenum {
	background: #ffe6eb;
	border-right: 2px solid #ff6085;
}
#coupon .schettl {
	width: 165px;
	padding: 1em 0;
	border: 2px dotted #aeaeae;
	text-align: center;
}
#coupon .schetxt {
	padding: 1em;
	border: 2px dotted #aeaeae;
}
#coupon .schepre .schettl,
#coupon .schepre .schetxt {
	border: 2px dotted #ff6085;
}
#coupon .scheicon {
	margin: 0 0 0.5em;
	padding: 0.2em 0.5em;
	background: #333;
	border-radius: 20px;
	font-weight: bold;
	color: #fff;
	display: inline-block;
}
#coupon .schepre .scheicon {
	background: #ff6085;
}
#coupon .detail {
	padding: 60px 0 80px;
	text-align: center;
}

#coupon .coupoank {
	text-decoration: none;
	color: #333;
	display: block;
}
#coupon .coupotxt {
	padding: 15px 0 0;
	font-size: 16px;
	line-height: 1.6em;
}

#message:before {
	content: url(/excludes/images/coin/index/icon06.png);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
}
#message .customer {
	margin: 0 0 40px;
	padding: 25px 20px 25px 25px;
	background: #ffdee5;
	border-radius: 20px;
	zoom: 100%;
}
#message .staff {
	padding: 0 20px 60px 0;
	zoom: 100%;
}
#message .customer:after,
#message .staff:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#message .voicename {
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	float: left;
}
#message .customer .voicename {
	width: 96px;
}
#message .staff .voicename {
	width: 150px;
	margin-left: -20px;
}
#message .voicename .illust {
	width: 100%;
	height: auto;
	margin: 0 0 8px;
}
#message .staff .voicename .character {
	width: 100%;
	height: auto;
	margin: 0 0 8px;
	background: #ffdee5;
	border-radius: 50%;
}
#message .voicetxt {
	width: 613px;
	font-size: 18px;
	line-height: 1.6em;
	float: right;
}
#message .detail {
	padding: 20px 0 30px;
	text-align: center;
}
#message .notice {
	text-align: center;
}
#message .notice li{
	display:inline-block;
}
#message dl{
	border-bottom:6px #ffdfe7 dotted;
	margin-bottom:40px;
}
#message .new{
	display:inline-block;
	background-color:red;
	color:#fff;
	padding:0 10px;
	margin-left:5px;
	font-weight:bold;
}
#adv {
	padding: 46px 0 42px;
	background: #ffdfe7;
}
#adv .adv {
	width: 980px;
	margin: 0 auto;
	zoom: 100%;
}
#adv .adv:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#adv .advbnr {
	width: 470px;
	float: left;
}
#adv .advbnr.wide {
	width: 980px;
	padding: 0 0 34px;
}
#adv .advbnr:last-child {
	float: right;
}
#adv .advank {
	font-size: 22px;
	line-height: 1em;
	color: #ff6085;
	text-decoration: none;
}
#adv .advank:after {
	content: url(/excludes/images/coin/index/arrow03.png);
	margin: 0 0 0 0.5em;
	vertical-align: bottom;
}
#adv .advimg {
	margin: 0 0 0.5em;
	border: 1px solid #ff6085;
}
#adv .wide .advimg {
	border: none;
}


</pre></body></html>