@charset "utf-8";

body {
	background: url(../images/backimg.jpg) center bottom no-repeat #e3f3fc fixed;
}

header {
	background: url(../images/mainimg.png) top center no-repeat;
	padding: 0 0 30px 0;
    background-size: contain;
}



header .logo {
	padding: 40px 0 20px 0;
}

.headtext {
	margin: 450px 100px 0 100px;
	text-align: center;
	color: #005bab;
}


footer .logo {
	padding: 40px 0;
}

.cpinfo {
	border: solid 3px #005bab;
	background: #FFF;
	border-radius: 30px;
	padding: 30px 15px;
	margin-bottom: 30px;
}

.cpinfo .cap01 {
	font-size: 2rem;
	padding: 0 50px 50px 200px;
	background: url(../images/tokuten1.gif) no-repeat 30px 0;
	text-align: left;
}

.cpinfo .cap01 span {
	color:red;
	font-size: 2.5rem;
	font-weight: bold;
}

.cap01 span .kome1 {
	font-size: 1rem;
}

.cpinfo .cap02 {
	font-size: 2rem;
	padding: 0 50px 20px 200px;
	background: url(../images/tokuten2.gif) no-repeat 30px 0;
	text-align: left;
}

.cpinfo .cap02 span {
	color:red;
	font-size: 2.5rem;
	font-weight: bold;
}

.mtkit {
	float: right;
	margin: 0 0 20px 20px;
}

.attext {
	font-size: 0.8rem;
	text-align: center;
}

.shopcap {
	background: #005bab;
	color:#FFF;
	border-radius: 10px 10px 0 0;
	padding: 20px;
	margin: 80px 0 0 0;
}

#tokuten, #shoplistfield {
	background:#fff;
	padding:30px;
	margin: 0;
	border-radius:  0 0 10px 10px;
}

#shoplistfield h3 {
	font-weight: bold;
	margin: 60px 0 20px 0;
	padding:15px;
	font-size: 120%;
	border-bottom:dashed 1px #13A6EA;
	color:#13A6EA;
	text-align:center;
}

#shoplistfield ul {
	margin:30px 0;
	text-align:center;
}

#shoplistfield ul li {
	list-style-type:none;
	display: inline-block;
	padding:0 30px;
	border-left: solid 1px #CCC;
}

#shoplistfield ul li:last-child {
	border-right: solid 1px #CCC;
}

#shoplistfield table {
	width:100%;
}

#shoplistfield table tr {
	width:100%;
	border-bottom:solid 1px #CCC;
}

#shoplistfield table td {
	padding: 10px;
}

#shoplistfield table .area {
	width:15%;
}

footer {
	text-align: center;
	color: #005bab;
	padding: 20px 0;
}

#bnlink {
	color: #1D558D;
}

.linktext {
	height: 100px;
	width: 800px;
	font-size: 90%;
	border: solid 1px #CCC5BC;
	padding:10px;
	line-height:140%;
}

@media screen and (max-width: 768px) {
	.headtext {
		margin: 0 10px;
		font-size: 1.3rem;
	}
	
	header .logo {
		padding: 20px 0;
	}
	
	.cpinfo .cap01 {
		font-size: 1rem;
		padding: 100px 20px 20px 20px;
		background: url(../images/tokuten1.gif) no-repeat center top;
		background-size:100px auto;
		text-align: none;
	}

	.cpinfo .cap01 span {
		color:red;
		font-size: 1.5rem;
		font-weight: bold;
	}

	.cpinfo .cap02 {
		font-size: 1rem;
		padding: 120px 20px 20px 20px;
		background: url(../images/tokuten2.gif) no-repeat center top;
		background-size:100px auto;
		text-align: center;
	}
	
	.cpinfo .cap02 span {
		color:red;
		font-size: 1.5rem;
		font-weight: bold;
	}
	
	.cpinfo .cap02 p {
		text-align: left;
	}
	
	.mtkit {
	float: none;
	margin: 0 auto 20px auto;
}
}