@charset "utf-8";

/*------------------------------------------------------
	reset-style
--------------------------------------------------------*/

body#sub{
	font-family:"ヒラギノ角ゴ Pro W3", Helvetica, Sans-serif;
	line-height: 1.5em;
	width: 95%;
	min-width: 95%;
	margin: 0 auto;
	text-align: left;
	padding-top: 10px;
	font-size: 90%;
}
/*--------------------------------------------
	Contents style
----------------------------------------------*/
body#sub * {
	line-height: 1.5em;
}

body#sub h1{
	background: url(../image/common/ttl01_bg.gif) no-repeat left 4px;
	padding: 0 0 5px 10px;
	margin-bottom: 0.5em;
	border-bottom: solid 1px #ccc;
	font-size: 118%;
}
body#sub h2{
	background-color: #D9E8F6;
	padding: 4px 8px;
	margin-bottom: 0.5em;
}
body#sub p{
	margin-bottom: 1em;
}
body#sub .txtLink{
	background: url(../image/common/icon_link_arrow.gif) no-repeat left 6px;
	padding: 0 0 0 9px;
}
body#sub .txtLink a{
	color: #0099CC;
}
body#sub .blue{
	color: #0299D0;
}
body#sub .green{
	color: #8FC300;
}
body#sub .green2{
	color: #0DA63C;
}
body#sub .brown{
	color: #D8BC4E;
}

body#sub section.box{
	clear: both;
	margin-bottom: 1.5em;
}
body#sub dl.card01{
	float: left;
	width: 48%;
	display: block;
}
body#sub dl.login{
	text-align: center;
	margin: 20px auto 20px;
}
body#sub dl.login dt{
	font-size: 93%;
}
body#sub dl.login dd{
	margin: 2px auto 15px;
 }
body#sub dl.card01,
body#sub dl.card03{
	width: 100%;
	clear: both;
	display: block;
	margin-bottom: 15px;
}
body#sub dl.mr{
	margin-right: 4%;
}
body#sub dl.card02{
	clear: both;
	display: block;
	margin-bottom: 25px;
	width: 100%;
}
body#sub dl.card01 dd.img,
body#sub dl.card02 dd.img,
body#sub dl.card03 dd.img{
	margin-bottom: 10px;
	text-align: left;
}
body#sub dl.card01 dt,
body#sub dl.card02 dt,
body#sub dl.card03 dt{
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
	padding: 1px 10px;
	margin-bottom: 10px;
	display: block;
	color: #FFFFFF;
	font-size: 85%;
}
body#sub dl.card01 dt{
	background-color: #0299D0;
}
body#sub dl.card02 dt{
	background-color: #8FC300;
}
body#sub dl.card03 dt{
	background-color: #0DA63C;
}
body#sub ul.disc{
	clear: both;
	margin-bottom: 1em;
}
body#sub ul.disc li{
	clear: both;
	list-style: disc outside;
	margin-left: 1em;
}
/*
===== クーポン一覧 ====================================
*/
.coupon_list h1{
	margin-bottom:20px;
}
.coupon_list section{
    overflow: hidden;
	border-bottom:1px solid #D2D2D2;
	margin-bottom:20px;
	padding-bottom:20px;
}
.coupon_list section.lst{
	border-bottom:none;
}
.coupon_list section img.left{
	border:1px solid #D2D2D2;
	float:left;
	margin-right: 10px;
	display: block;
}
.coupon_list section dl{
	display: block;
	width: 60%;
	float: left;
}
.cupnIconR{
	text-align:right;
	margin:5px 10px;}
.cupnIconL{
	margin:5px 0px;}

/*  スマートフォン（横長）  */
@media only screen and (min-width : 480px) and (orientation: landscape){
	.coupon_list section dl{
		width: 75%;
		float: left;
	}
}
.coupon_list section dt.link{
	font-weight:bold;
	margin-bottom:10px;
	line-height: 1.3em;
}
.coupon_list section dt.link a{
	text-decoration: none;
}
.coupon_list section dd.txt{
	margin-bottom:15px;
	line-height: 1.3em;
}
/*
===== web coupon ====================================
*/
.webCoupon h2{
	margin-bottom:20px;
	text-align: center;
}
.webCoupon p.top_txt{
	margin-bottom:15px;
}
.webCoupon dl{
	margin:0 0 10px;
	padding: 8px 8px 10px 8px;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}
.webCoupon dl dt{
	margin-bottom:2px;
	text-decoration: none;
	line-height: 1.5;
}
.webCoupon dl dt span a{
	text-decoration: underline;
}
.webCoupon dl dd{
	text-decoration: none;
	color: #333333;
	line-height: 1.5;
}
.webCoupon dl dd span{
	color: #FFFF00;
	font-size: 1.25em;
	background-color: #FF0000;
	padding: 0 3px;
	font-weight: bold;
}
/*
===== error ====================================
*/
body.error header{
	text-align: center;
	margin: 0 auto;
}
body.error header img{
	width: 100%;
}
body.error article.wrapper{
	text-align: center;
	margin: 0 auto;
	width: 100%;
}
/*  スマートフォン（横長）  */
@media only screen and (min-width : 480px) and (orientation: landscape){
		body.error article.wrapper{
			width: 100%;
		}
		body.error header img{
			width: 100%;
		}
}
body.error p.top_01,body.error p.top_02{
	margin-bottom: 0.3em;
	text-align: left;
	padding: 10px;
}
body.error p.top_02{
	margin-bottom: 2em;
}
body.error section {
	text-align: center;
	margin: 0 auto;
}
body.error section dl{
	margin-bottom: 1em;
}
body.error section dl dt{
	color: #004EA2;
}
body.error section dl dd{
	margin: 0.5em auto 1em;
}
body.error footer{
	text-align: center;
}


/*
===== service ====================================
*/
.service .btnArea{
	text-align:center;
	margin-bottom:18px;}
.service .btnArea ul{
	text-align:center;
	margin-bottom:10px;}

.service .btnArea ul li{
	margin-bottom:10px;}


/*  gray */
.service .btnArea .gray{
	font-size:14px; font-weight:bold;
	color:#455160; text-decoration:none;
	position:relative;
	display:inline-block;
	width:300px; height:40px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #D2DFE8), color-stop(0.50, #D2DFE8), color-stop(0.49, #E0E9EF), color-stop(0.00, #E0E9EF));
	background: -webkit-linear-gradient(top, #E0E9EF 0%, #E0E9EF 49%, #D2DFE8 50%, #D2DFE8 95%);
	background: -moz-linear-gradient(top, #E0E9EF 0%, #E0E9EF 49%, #D2DFE8 50%, #D2DFE8 95%);
	background: -o-linear-gradient(top, #E0E9EF 0%, #E0E9EF 49%, #D2DFE8 50%, #D2DFE8 95%);
	background: -ms-linear-gradient(top, #E0E9EF 0%, #E0E9EF 49%, #D2DFE8 50%, #D2DFE8 95%);
	background: linear-gradient(top, #E0E9EF 0%, #E0E9EF 49%, #D2DFE8 50%, #D2DFE8 95%);
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;}
	
.service .btnArea .gray .label{
	width:100%;
	padding:11px 0;}
.service .btnArea .arwRight:after{
	content:"";
	display:block;
	width:10px; height:100%;
	background: url(../image/arw_blue_right.png) no-repeat center center;
	background-size: 5px 10px;
	position:absolute; right:7px; top:0px;}

/*----------------------------------------------
　coupon
----------------------------------------------*/

.couponLink{
	overflow:hidden;
	margin:15px 5px;}
.couponLink li{
	float:left;
	width:48.3%;
	margin-left:3.3%;}
.couponLink li a{
	display:block;
	height:35px;
	font-size:12px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	line-height:35px;
	padding-left:10px;
	background:#F3971A url(/sp_app/image/ico_arrow_white.png) no-repeat 7px 15px;
	background-size:13px 7px;}
.couponLink li.free{
	margin-left:0;}
.couponLink li.free a{
	background-color:#85B200;}