@charset "utf-8";

/*-------------------------------------
全体
-------------------------------------- */
#wrap {
	font-size:90%;
	text-align:left;
	max-width:640px;
}
@media (min-width:400px) and (max-width:519px){
#wrap {
	font-size:110%;
}
}
@media (min-width:520px){
#wrap {
	font-size:120%;
}
}
ul li {
	list-style:none;
}
img {
	max-width:100%;
}

/*-------------------------------------
class
-------------------------------------- */
/*-------------------------------
Layout
--------------------------------*/
.innerContents {
	padding:0 10px;
}
.mw580 {
	max-width:580px;
	margin:auto;
}
.mt10 {
	margin-top: 10px;
}
.mb5 {
	margin-bottom: 5px;
}

.cautionBlock01 ul li span.text, ul.cautionBlock01 li span.text {
	 padding-left: 1.5em !important;
}
.cautionBlock01 ul li span.text .linkBlock01,
ul.cautionBlock01 li span.text .linkBlock01 {
	margin:0;
}
.cautionBlock01 ul li .listBlock01,
ul.cautionBlock01 li .listBlock01 {
	padding-left:25px;
}
.cautionBlock01 ul li ul,
ul.cautionBlock01 li ul {
	padding-left:20px;
}

/*---------------
table slider css
------------------*/
.slider01 {
    width: 100%;
	padding-bottom: 2px;
    overflow-x: auto;
}
.slider01 table th,
.slider01 table td {
    white-space: nowrap;
}

/*Table Slider css*/
.slider01::-webkit-scrollbar{
	width: 20px;
	background: #999;
}
.slider01::-webkit-scrollbar:horizontal{
	height: 10px;
	background: #eee;
	border-radius: 5px;
}
.slider01::-webkit-scrollbar-thumb{
	background: #999;
	border-radius: 5px;
}
.slider01::-webkit-scrollbar-thumb:horizontal{
	background: #999;
	border-radius: 5px;
}


/*-------------------------------------
LP
-------------------------------------- */
.mainArea, .contentArea {
	/*color:#ffffff;*/
	/*padding-bottom:20px;*/
}
.mainArea {
	margin-bottom:10px;
}
.mainArea .mainAreaInner {
	background:url(/sp/per/cam/image/tmp_169/tmp169_bg_001.png) repeat-y center top;
	background-size:contain;
	padding-bottom:10px;
}
.mainArea .mainAreaInner .mainTxt {
	text-align:center;
	padding:0 15px;
}
.mainArea .mainAreaInner .mainTxt a {
	word-break:break-word;
}
.mainTxt02 {
	color:#00886a;
	text-align:center;
	padding:0 15px 5px;
}

.contentArea .ttlCmpaign {
	font-size:120%;
	color:#ffffff;
	font-weight:bold;
	background:#bca65b;
	padding:10px;
}
.sttlCampaign {
	font-size:110%;
	color:#806600;
	font-weight:bold;
	background:#f5eed4;
	padding:4px 10px;
}
.sttlCampaign + .innerContents {
	/*background:#14345c;*/
	padding:10px;
}

/*.cautionBlock01 ul.campaignList li span.text, ul.cautionBlock01.campaignList li span.text {
	padding-left:1em;
}*/

.tableCamList ul.fixHeight li {
	float:left;
}
.tableCamList ul.fixHeight li:first-child {
	width:54%;
	max-width:46px;
}
.tableCamList ul.fixHeight li:nth-child(2) {
	width:10%;
	max-width:15px;
}
.tableCamList ul.fixHeight li:nth-child(3) {
	width:60%;
	max-width:240px;
}

.tableCampaign {
	margin:0 auto;
}


/* kouza */
.kouza {
	background:#fffaeb;
	padding-bottom:15px;
}
.kouza .kouzaTtl {
	font-size:120%;
	line-height:32px;
	font-weight:bold;
	color:#755000;
	background:#e9e3c4;
	padding:6px 10px;
}

.kouza > .innerContents .kouzaTxt {
	font-size:110%;
	font-weight:bold;
	color:#755000;
	margin: 15px 0 5px;
}
.kouza > .innerContents .cautionKouzaTxt {
	color:#755000;
	margin: 5px 0 5px;
}
.kouza .kouzaTtl > img {
	float:left;
	width:50px;
}
.kouza .kouzaTtl .kouzaTtlTxt01,
.kouza .kouzaTtl .kouzaTtlTxt02 {
	padding-left:50px;
}
.kouza .kouzaTtl .kouzaTtlTxt01{
	line-height:140%;
}

/* .case */
.case table {
	color:#7e650a;
	text-align:center;
}
.case table thead {
	font-size:110%;
	color:#ffffff;
	background:#bca65b;
}
.case table tbody th {
	color:#7e650a;
	background:#f5eed4;
	vertical-align:middle;
}
.case table tbody td {
	background:#ffffff;
}
.case table th,
.case table td {
	border:solid 1px #e6dec4;
	padding:10px;
	vertical-align:middle;
}


/*-------------------------------
#touroku
--------------------------------*/
#touroku {
	text-align: left;
}
#touroku .btn_touroku {
	padding:0 10px 20px;
	text-align:center;
}
#touroku .ttl_touroku {
	padding:0 10px 5px;
}