@charset "utf-8";

#wrapper {
	background-color: #d4f1b0;
}

#contents {
	padding: 0;
	width: 100%;
}

#header {
	box-shadow: none;
}

#footerIn img {
	border: none;
}

#ct_bg .onlySP {
	display: none !important;
}

.pageTop {
	display: none;
}

#ct_bg {
	margin: 0 auto;
	width: 960px;
	color: #000;
	font-size: 125%;
	line-height: 1.2;
}

#ct_bg img {
	width: 100%;
}

#ct_bg a:link,
#ct_bg a:visited,
#ct_bg a:hover,
#ct_bg a:active {
	color: #000;
}

.box01 {
	display: none;
}

#ct_bg .frameArea01 {
	position: absolute;
	top: 90px;
	right: 29px;
	display: table;
	width: 400px;
	word-spacing: -1.0em;
}

#ct_bg .frameArea01 p {
	display: inline-block;
	vertical-align: middle;
	word-spacing: normal;
	box-sizing: border-box;
	width: 50%;
}

#ct_bg .frameArea02 {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 820px;
}

#ct_bg .frameArea02 .button01 {
	position: absolute;
	top: 24px;
	right: 20px;
	width: 180px;
}

#ct_bg .ti01 {
	position: absolute;
	top: 246px;
	right: 9px;
	width: 394px;
}

#ct_bg .txt01 {
	position: absolute;
	top: 386px;
	right: 19px;
	width: 374px;
}

#ct_bg .cv01 {
	margin: 10px auto 0;
	width: 382px;
}

#ct_bg .cv02 {
	margin: 30px auto 0;
	width: 382px;
}

#ct_bg .txt02 {
	margin: 0 auto;
	width: 521px;
}

#ct_bg .wrap02 {
	display: table;
	width: 100%;
	word-spacing: -1.0em;
	text-align: center;
}

#ct_bg .txt03 {
	display: inline-block;
	vertical-align: top;
	word-spacing: normal;
	margin: 10px 0 0 -26px;
	width: 385px;
}

#ct_bg .btn01 {
	display: inline-block;
	vertical-align: top;
	word-spacing: normal;
	margin-left: 26px;
	width: 200px;
}

#ct_bg .img01 {
	position: absolute;
	top: 18px;
	left: 20px;
	width: 514px;
}

#ct_bg .img02 {
	position: absolute;
	top: 478px;
	right: -2px;
	width: 396px;
}

#ct_bg .snsBtn01 {
	position: absolute;
	top: 29px;
	right: 220px;
}

#ct_bg .snsBtn01 li {
	display: inline-block;
	margin-left: 10px;
	vertical-align: top;
}

#ct_bg .snsBtn01 li:first-child {
	margin-left: 0;
}

#ct_bg .frameArea03 {
	margin-left: 20px;
	width: 920px;
}

#ct_bg .img03 {
	margin-top: 20px;
}

#ct_bg .img04 {
	margin: 16px auto 0;
	width: 790px;
}

#ct_bg .img05 {
	margin: 36px auto 0;
	width: 675px;
}

#ct_bg .img06 {
	margin: 25px auto 0;
	width: 620px;
}

#ct_bg .img07 {
	margin-top: 24px;
}

#ct_bg .img08 {
	margin-top: 20px;
}

#ct_bg .img09 {
	margin: 10px auto 0;
	width: 740px;
}

#ct_bg .img10 {
	margin: 20px auto 0;
	width: 819px;
}

#ct_bg .img11 {
	margin: 40px auto 0;
	width: 606px;
}

#ct_bg .img12 {
	margin: 25px auto 0;
	width: 520px;
}

#ct_bg .img13 {
	margin: 40px auto 0;
	width: 606px;
}

#ct_bg .img14 {
	margin: 25px auto 0;
	width: 492px;
}
#ct_bg .img16 {
	margin: 40px auto 0;
	width: 920px;
}

#ct_bg .wrap02 {
	display: table;
	margin-top: 40px;
	width: 100%;
	word-spacing: -1.0em;
}

#ct_bg .col01 {
	display: inline-block;
	vertical-align: middle;
	width: 525px;
	word-spacing: normal;
}

#ct_bg .col02 {
	display: inline-block;
	margin-left: 31px;
	vertical-align: middle;
	width: 361px;
	word-spacing: normal;
}

#ct_bg .frameArea04 {
	width: 940px;
	margin: 35px auto 0;
	padding: 50px 45px 45px;
	background-image: url(../img/bg_index01_pc.png), url(../img/bg_index03_pc.png), url(../img/bg_index02_pc.png), url(../img/bg_index04.png);
	background-repeat: no-repeat, no-repeat, repeat-y, repeat;
	background-position: 0 0, left bottom, 0 0, 0 0;
}

#ct_bg .mainImage {
	float: right;
	width: 400px;
}

#ct_bg .thumbArea {
	float: left;
	width: 440px;
}

#ct_bg .thumbList01 {	
	margin: -6px 0 0 -6px;
}

#ct_bg .thumbList01 li {
	float: left;
	margin: 6px 0 0 6px;
	padding: 1px;
	width: 104px;
	border: 1px solid #ccc;
}

#ct_bg .thumbList01 li.active,
#ct_bg .thumbList01 li:hover {
	border-color: #be1f1c;
}

#ct_bg .img15 {
	margin-top: 15px;
	width: 259px;
}

#ct_bg .copy {
	float: left;
	margin: 50px 0 0 20px;
	font-size: 80%;
	color: #595757;
}

#ct_bg .pageTop02 {
	float: right;
	margin-top: 48px;
	width: 121px;
}

@media screen and (max-width: 639px) {
#ct_bg .onlyPC {
	display: none !important;
}
#ct_bg .onlySP {
	display: block !important;
}
#ct_bg img.onlySP {
	display: inline-block !important;
}

#ct_bg {
	width: 100%;
}

#ct_bg img {
	width: 100%;
}

#ct_bg .ctsWrap {
	margin: 0 10px;
}

#ct_bg .frameArea02 {
	position: static;
	width: 100%;
	height: auto;
}

#ct_bg .frameArea02 .button01 {
	position: static;
	margin: 15px auto 0;
	width: 60%;
}

#ct_bg .frameArea01 {
	position: static;
	margin: 20px auto 0;
	width: 86%;
}

#ct_bg .ti01 {
	position: static;
	margin: 20px auto 0;
	width: 85%;
}

#ct_bg .txt01 {
	position: static;
	margin: 11px auto 0;
	width: 82%;
}

#ct_bg .cv01 {
	position: static;
	margin-top: 10px;
	width: 90%;
}

#ct_bg .cv02 {
	margin-top: 30px;
	width: 90%;
}

#ct_bg .txt02 {
	display: block;
	width: 85%;
}

#ct_bg .wrap01 {
	display: block;
}

#ct_bg .txt03 {
	display: block;
	margin: 0 auto;
	width: 64%;
}

#ct_bg .btn01 {
	display: block;
	margin: 10px auto 0;
	width: 50%;
}

#ct_bg .img01 {
	position: static;
	margin: 20px auto 0;
	width: 84%;
}

#ct_bg .img02 {
	position: static;
	margin: 6px auto 0;
	width: 70%;
}

#ct_bg .snsBtn01 {
	position: static;
	margin-top: 15px;
	text-align: center;
}

#ct_bg .frameArea03 {
	margin-left: 0;
	width: 100%;
}

#ct_bg .img03,
#ct_bg .img07 {
	margin-top: 20px;
}

#ct_bg .img04,
#ct_bg .img05,
#ct_bg .img06,
#ct_bg .img09,
#ct_bg .img11,
#ct_bg .img12,
#ct_bg .img13,
#ct_bg .img14, 
#ct_bg .img16 {
	margin-top: 20px;
	width: 100%;
}

#ct_bg .img10 {
	width: 100%;
}

#ct_bg .wrap02 {
	display: block;
	margin-top: 20px;
}

#ct_bg .col01 {
	display: block;
	margin: 20px auto 0;
	width: 88%;
}

#ct_bg .col02 {
	margin: 15px auto 0;
	width: 60%;
}

#ct_bg .frameArea04 {
	width: 100%;
	margin-top: 20px;
	padding: 25px 33px 6%;
	background-image: url(../img/bg_index01_sp.png), url(../img/bg_index03_sp.png), url(../img/bg_index02_sp.png), url(../img/bg_index04.png);
	background-repeat: no-repeat, no-repeat, repeat-y, repeat;
	background-position: 0 0, left bottom, 0 0, 0 0;
	background-size: 100%, 100%, 100%, auto;
}

#ct_bg .mainImage {
	float: none;
	margin: 0 auto;
	width: 86%;
}

#ct_bg .thumbArea {
	float: none;
	width: 100%;
}

#ct_bg .thumbList01 {
	margin: 15px 0 0 -3%;
}

#ct_bg .thumbList01 li {
	margin-left: 3%;
	width: 22%;
}

#ct_bg .img15 {
	margin-top: 10px;
	width: 95%;
}

#ct_bg .copy {
	float: none;
	margin: 20px 0 0 0;
}

#ct_bg .pageTop02 {
	float: none;
	margin: 20px auto 0;
	width: 40%;
}

#ct_bg .break01 {
	display: block;
}

}

.wrap:before,
.wrap:after {
    content: " ";
    display: table;
}

.wrap:after {
    clear: both;
}