@charset "shift_jis";

#header {
	box-shadow: none;
}

.pageTop {
	display: none;
}

#ct_bg {
	margin: 0 auto;
	padding-bottom: 50px;
	width: 980px;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Osaka,sans-serif;
	line-height: 1.2;
	text-align: left;
}

#ct_bg * {
	box-sizing: content-box;
}


#ct_bg p img,
#ct_bg li img {
	vertical-align:bottom;
}

#ct_bg .imgOver01 img {
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

#ct_bg .imgOver01 a:hover img {
	opacity: .6;
}

#ct_bg .sns_wrapper {
	padding: 50px 0 0;
}
#ct_bg .sns_wrapper .snsBtn01 {
	display: flex;
	justify-content: center;
}
#ct_bg .sns_wrapper .snsBtn01 li {
	margin: 0 5px;
}

.fb_iframe_widget > span {
	vertical-align: baseline !important;
}

#ct_bg .titleArea {
	height:498px;
	background:url(../images/bg01.jpg) no-repeat 0 0 ;
}
#ct_bg .titleArea .tx01 {
	padding:14px 0 0 265px;
}
#ct_bg .titleArea .logo {
	padding:47px 0 0 337px;
}
#ct_bg .titleArea .columnLayout {
	width:524px;
	margin:36px 0 0 426px;
}

#ct_bg .lnav {
	clear:both;
	margin:20px 0 7px 20px;
}
#ct_bg .lnav li {
	float:left;
}

#ct_bg .movieAreaWrap {
	background:url(../images/bg08.gif) repeat 0 0;
}
#ct_bg .movieArea {
	padding-bottom: 50px;
	background:url(../images/bg11.png) no-repeat center bottom ;
}
#ct_bg .movieAreaWrap .inner {
	padding: 40px 0 20px 100px;
	background:url(../images/bg10.png) no-repeat center top;
	*zoom: 1;
}
#ct_bg .movieArea ul,
#ct_bg .movieArea03 {
	margin: -40px 0 0 -50px;
}
#ct_bg .movieArea ul li,
#ct_bg .movieArea03 li {
	float:left;
	margin: 40px 0 0 40px;
	padding: 10px 10px 20px;
	width: 350px;
	background:url(../images/bg09.png) repeat 0 0;
}
#ct_bg .movieArea .text01,
#ct_bg .movieArea03 .text01 {
	margin-top: 20px;
	color: #df007f;
	text-align: center;
	font-size: 167%;
	font-weight:bold;
}

#ct_bg .movieArea .li01,
#ct_bg .movieArea03 .li01 {
	float: none;
	margin: 40px 0 0 255px;
}

#ct_bg .howtoArea {
	height:500px;
	padding-top:48px;
	padding-left:6px;
	background:url(../images/bg03.gif) no-repeat 0 0 #df007f;
}


#ct_bg .lineupArea {
	width:940px;
	height:636px;
	padding-top:1px;
	margin-left:20px;
	margin-bottom:20px;
	background:url(../images/bg04.gif) no-repeat 0 0 ;
}
#ct_bg .columnLayout {
	width:905px;
	margin-left:14px;
}
#ct_bg .lineupArea .ph01 {
	margin:0 0 0 14px;
}
#ct_bg .lineupArea .tx04 {
	margin:1px 0 41px 0;
}
#ct_bg .lineupArea .tx05 {
	margin:0 20px 0 144px;
}


#ct_bg .setArea {
	width: 940px;
	margin-left: 20px;
	padding: 28px 0 50px;
	background: url(../images/bg16.png) no-repeat top left, url(../images/bg18.png) no-repeat bottom left, url(../images/bg17.png) repeat-y top left, url(../images/bg19.png) repeat top left;
}

#ct_bg .setArea > .title01 {
	text-align: center;
}

#ct_bg .setArea ul,
#ct_bg .wrap01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: -10px 27px 0;
}

#ct_bg .setArea ul li {
	width: 431px;
	margin-top: 30px;
}
#ct_bg .setArea ul li .bt02 {
	margin: 15px 0 0 128px;
}

#ct_bg .wrap01 {
	margin: 0;
}

#ct_bg .col01 {
	position: relative;
	padding-top: 30px;
	width: 265px;
}

#ct_bg .col01 > .text01 {
	color: #df007f;
	font-size: 117%;
	font-weight: bold;
}

#ct_bg .col01 > .text01 > strong {
	font-size: 115%;
}

#ct_bg .col01 > .text01 > .icon01 {
	position: absolute;
	top: 0;
	left: 0;
}

#ct_bg .col01 > .text02 {
	margin-top: 10px;
	color: #431a0e;
	font-size: 117%;
	line-height: 1.4;
}

#ct_bg .col01 > .button01 {
	margin-top:  20px;
	text-align: center;
}

#ct_bg .col02 {
	width: 146px;
}

#ct_bg .col03 {
	margin-top: 20px;
	float: left;
	color: #df007f;
}
#ct_bg .col03 .text01 {
	font-size: 129%;
}

#ct_bg .col04 {
	float: left;
	margin: 20px 0 0 20px;
}

#ct_bg .col05 {
	width: 640px;
	background-color: #fff;
	border-radius: 10px;
}
#ct_bg .col05.type01 {
	border-radius: 0;
}

#ct_bg .col05 img {
	width: 100%;
	height: auto;
}

#ct_bg .col06 {
	width: 280px;
}

#ct_bg .col06 > .text01 {
	color: #7e634d;
	font-size: 117%;
	line-height: 1.5;
}

#ct_bg .col06 > .button01 a {
	background: #f09089;
	color: #fff;
	display: inline-block;
	padding: 10px 0 8px;
	margin-top: 20px;
	text-align: center;
	font-weight: bold;
	border-radius: 30px;
	text-decoration: none;
	font-size: 129%;
	width: 80%;
}

#ct_bg .col06 > .button01 a:hover {
	opacity: .8;
	transition: .3s;
}

#ct_bg .movieArea02 {
	margin: 20px auto 0;
	padding: 20px;
	width: 720px;
	background:url(../images/bg09.png) repeat 0 0;
}
#ct_bg .movieArea02 .tx02 {
	margin-top: 20px;
	font-size: 167%;
	text-align: center;
}

#ct_bg .campaignArea {
	width:940px;
	margin-left:20px;
	background:url(../images/bg08.gif) repeat 0 0 ;
}
#ct_bg .campaignArea .campaignAreaInner {
	background:url(../images/bg13.png) no-repeat 0 100% ;
}
#ct_bg .campaignArea .inner {
	padding-bottom: 20px;
	background:url(../images/bg12.png) no-repeat 0 0 ;
}
#ct_bg .campaignArea .campaignAreaInner .comingsoon {
	padding:39px 0 30px 342px;
}

#ct_bg .frameArea01 {
	padding: 15px 30px;
	margin-left: 20px;
	width: 880px;
	background-color: #fff;
	border-radius: 20px;
}

#ct_bg .frameArea01In {
	padding-right: 20px;
	height: 180px;
    overflow: auto;
}

#ct_bg .frameArea02 {
	padding: 20px 0;
	background-color: #67cff1;
}

#ct_bg .frameArea03 {
	padding: 20px 0;
	background-color: #df007f;
}

#ct_bg .frameArea04 {
	padding: 20px 0;
	background-color: #98229e;
	color: #000;
}

#ct_bg .frameArea05 {
	margin: 0 20px;
	padding: 20px;
	background-color: #fff;
	border-radius: 20px;
	font-size: 117%;
}

#ct_bg .frameArea06 {
	margin: 0 20px;
	padding: 30px 70px;
	background: url(../images/bg19.png) 0 0 repeat;
	border: 10px solid #ffa6cd;
	border-radius: 20px;
}

#ct_bg .frameArea07 {
	margin: 20px 20px 0;
	padding: 23px;
	background: url(../images/bg20.png) 0 0 repeat;
	border: 2px solid #fff;
	border-radius: 20px;
}

#ct_bg .frameArea08 {
	background: #fff9b1 url(../images/bg21.png) repeat left top;
	padding: 20px;
}

#ct_bg .frameArea08 .info {
	margin: 0 auto 20px;
	background-color: #fff;
}
#ct_bg .frameArea08 .info a{
	padding: 10px 20px;
	display: block;
	background-color: #fffcd1;
	border: solid 3px #f588a7;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 110%;
	color: #eb566e;
	text-decoration: none;
}
#ct_bg .frameArea08 .info a:hover{
	text-decoration: underline;
	opacity: 0.7;
}

#ct_bg .frameArea08 > .text01 {
	color: #df007f;
	text-align: center;
	font-size: 167%;
	font-weight: bold;
}

#ct_bg .frameArea08 > .innerWrap01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 10px;
}

#ct_bg .frameArea09 {
	background: #000000 url(../images/bg22.png) repeat center/75px;
	padding: 20px;
}

#ct_bg .frameArea09 > .text01 {
	color: #d5c290;
	text-align: center;
	font-size: 167%;
	font-weight: bold;
}
#ct_bg .frameArea09 .col06 > .text01,
#ct_bg .frameArea09 .col06 > .copyright01{
	color: #fff;
}
#ct_bg .frameArea09 > .innerWrap01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 10px;
}

#ct_bg .frameArea10 {
	background: #f8e0e1 url(../images/bg23.png) repeat right top;
	background-size: 16px;
	padding: 20px;
}

#ct_bg .frameArea10 .info {
	margin: 0 auto 20px;
	background-color: #fff;
}
#ct_bg .frameArea10 .info a{
	padding: 10px 20px;
	display: block;
	background-color: #fffcd1;
	border: solid 3px #f588a7;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 110%;
	color: #eb566e;
	text-decoration: none;
}
#ct_bg .frameArea10 .info a:hover{
	text-decoration: underline;
	opacity: 0.7;
}

#ct_bg .frameArea10 > .text01 {
	color: #ea617b;
	text-align: center;
	font-size: 167%;
	font-weight: bold;
}

#ct_bg .frameArea10 > .innerWrap01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 10px;
}

#ct_bg .frameArea10 .col06 > .text01,
#ct_bg .frameArea10 .col06 > .copyright01,
#ct_bg .frameArea11 .col06 > .text01,
#ct_bg .frameArea11 .col06 > .copyright01{
	color: #63533b;
}

#ct_bg .frameArea11 {
	background: #f8e0e1 url(../images/bg24.png) repeat right top;
	background-size: 205px;
	padding: 20px;
}

#ct_bg .frameArea11 .info {
	margin: 0 auto 20px;
	background-color: #fff;
}
#ct_bg .frameArea11 .info a{
	padding: 10px 20px;
	display: block;
	background-color: #fffcd1;
	border: solid 3px #f588a7;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 110%;
	color: #eb566e;
	text-decoration: none;
}
#ct_bg .frameArea11 .info a:hover{
	text-decoration: underline;
	opacity: 0.7;
}

#ct_bg .frameArea11 > .text01 {
	color: #00615a;
	text-align: center;
	font-size: 167%;
	font-weight: bold;
}

#ct_bg .frameArea11 > .innerWrap01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 10px;
}

#ct_bg .list01 {
	font-size: 134%;
}
#ct_bg .list01 li {
	margin-top: 15px;
	padding: 2px 0 15px 27px;
	min-height: 22px;
	background: url(../images/ic01.png) 0 0 no-repeat;
	border-bottom: 1px dashed #623021;
}
#ct_bg .list01 a {
	color: #000;
}

#ct_bg .aC {
	text-align:center;
}

#ct_bg .ti01 {
	text-align:center;
	padding:3px 0 11px;
}
#ct_bg .ti02 {
	text-align:center;
	padding:0 0 14px;
}
#ct_bg .ti03 {
	text-align:center;
	padding:29px 0 17px;
}
#ct_bg .ti04 {
	text-align:center;
	padding:20px 0 11px;
}

#ct_bg .copyright01 {
	margin-top: 40px;
	text-size: 100%;
}

.mt40 {
	margin-top: 40px !important;
}

/* columnLayout 
*****************************************/
.columnLayout {
	clear:both;	
}
.colLeft {
	float:left;
}
.colRight {
	float:right;
}


/* Clearfix */
#ct_bg .columnLayout:after,
#ct_bg .movieArea ul:after,
#ct_bg .lnav:after,
#ct_bg .frameArea05:after,
.clearfix:after {
	content: ".";
    display: block; 
    height: 0; 
    font-size: 0;
    clear: both; 
    visibility: hidden;
}
#ct_bg .columnLayout,
#ct_bg .movieArea ul,
#ct_bg .lnav,
#ct_bg .frameArea05,
.clearfix {
	*display: inline-table;
	*zoom: 1;
}