/**********************************
	ベースキット
**********************************/

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
}

html {
	background-image: url(../../img/sp/bkptn.png);
	background-repeat: repeat;
	height: 100%;
}

.TAC { text-align: center; }
.TAL { text-align: left; }
.TAR { text-align: right; }



.MA0 { margin: 0 auto; }


.MT10 { margin-top: 10px; }
.MT15 { margin-top: 15px; }
.MT20 { margin-top: 20px; }
.MT25 { margin-top: 25px; }
.MT30 { margin-top: 30px; }
.MT35 { margin-top: 35px; }
.MT40 { margin-top: 40px; }
.MT45 { margin-top: 45px; }
.MT50 { margin-top: 50px; }
.MT60 { margin-top: 60px; }
.MT70 { margin-top: 70px; }
.MT85 { margin-top: 85px; }

.MB10 { margin-bottom: 10px; }
.MB15 { margin-bottom: 15px; }
.MB20 { margin-bottom: 20px; }
.MB25 { margin-bottom: 25px; }
.MB30 { margin-bottom: 30px; }
.MB40 { margin-bottom: 40px; }
.MB50 { margin-bottom: 50px; }
.MB60 { margin-bottom: 60px; }
.MB75 { margin-bottom: 75px; }


.MR10 { margin-right: 10px; }
.MR15 { margin-right: 15px; }
.MR20 { margin-right: 20px; }
.MR25 { margin-right: 25px; }
.MR30 { margin-right: 30px; }
.MR35 { margin-right: 35px; }
.MR40 { margin-right: 40px; }


.FNT08 { font-size: 0.8em; }
.FNT09 { font-size: 0.9em; }
.FNT10 { font-size: 1.0em; }
.FNT11 { font-size: 1.1em; }
.FNT12 { font-size: 1.2em; }
.FNT13 { font-size: 1.3em; }
.FNT14 { font-size: 1.4em; }
.FNT15 { font-size: 1.5em; }
.FNT16 { font-size: 1.6em; }
.FNT17 { font-size: 1.7em; }
.FNT18 { font-size: 1.8em; }
.FNT19 { font-size: 1.9em; }
.FNT20 { font-size: 2em; }
.FNT22 { font-size: 2.2em; }
.FNT23 { font-size: 2.3em; }
.FNT25 { font-size: 2.5em; }
.FNT30 { font-size: 3em; }


.FW100 { font-weight: 100; }
.FW200 { font-weight: 200; }
.FW300 { font-weight: 300; }
.FW400 { font-weight: 400; }
.FW500 { font-weight: 500; }
.FW600 { font-weight: 600; }
.FW700 { font-weight: 700; }
.FW800 { font-weight: 800; }
.FW900 { font-weight: 900; }
.FW1000 { font-weight: 1000; }


.LineH09 { line-height: 0.9em }
.LineH10 { line-height: 1.0em }
.LineH11 { line-height: 1.1em }
.LineH12 { line-height: 1.2em }
.LineH13 { line-height: 1.3em }
.LineH14 { line-height: 1.4em }
.LineH15 { line-height: 1.5em }
.LineH16 { line-height: 1.6em }
.LineH17 { line-height: 1.7em }
.LineH18 { line-height: 1.8em }
.LineH19 { line-height: 1.9em }
.LineH20 { line-height: 2.0em }




/**********************************
	index
**********************************/
.bkbox {
/*	background-color: #000000;	*/
	margin: 0 auto;
	width: 100%;
	padding: 0 0 25px 0;
/*	height: 100%;	*/
}

header {
	width: 100%;
}

header img {
	width: 85%;
}


.box {
/*	width: 85%;	*/
	width: 96%;
	margin: 0 auto;
}



main {
	width: 100%;
}

main > h2 {
	color: #000000;
}


main > ul {
	width: 90%;	
/*	width: 100%;	*/
	margin: 0 auto;
	display: block;

}

main > ul li {
	display: block;	
	vertical-align: center;
	margin: 0 auto;
}



/*	ボタン	*/

#Enter {
	height: 80px;
}

#Enter ul {
	display:table;
	table-layout:fixed;
	width:100%;
}

#Enter li {
	height: 44px;
	display:table-cell;
	text-align: center;
	line-height: 44px;
}

#Enter li a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#Enter li:first-child {
	border-radius: 22px 0 0 22px;
	border-left:none;
	background: rgb(0,0,0); /* Old browsers */
/*	background: -moz-linear-gradient(top, rgba(255,56,115,0.5) 0%, rgba(255,48,127,0.5) 100%); /* FF3.6-15 */
/*	background: -webkit-linear-gradient(top, rgba(255,56,115,0.5) 0%,rgba(255,48,127,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
/*	background: linear-gradient(to bottom, rgba(255,56,115,0.5) 0%,rgba(255,48,127,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3873', endColorstr='#ff307f',GradientType=0); /* IE6-9 */
 	border: 1px solid #f6e8fe;
}

#Enter li:last-child {
	border-radius: 0 22px 22px 0;
	background: rgb(223,63,63); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(223,63,63,0.85) 0%, rgba(223,63,63,0.85) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(223,63,63,0.85) 0%,rgba(223,63,63,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(223,63,63,0.85) 0%,rgba(223,63,63,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#df3f3f', endColorstr='#df3f3f',GradientType=0); /* IE6-9 */
	border: 1px solid #f6e8fe;
}

#Enter li:first-child a {
	color:#fff;
	text-decoration: none;
}

#Enter li:last-child a {
	color:#FFF;
	font-size: 1.2em;
	text-decoration: none;
}




footer {
	width: 100%;
	text-align: center;
	padding: 20px 0 60px 0;
}


footer > .box > ul {
	width: 100%;
	display: block;
	margin: 0 auto;
}

footer > .box > ul li {
	margin: 0 auto;
	display: block;

}

footer > .box > ul li img {
	max-width: 100%;
}


/*	プロフィール詳細	*/
/* FLIPSNAP */
.viewport {
    width: 300px;
    overflow: hidden;
    margin: 6px auto;
}
.viewport-swipe {
	width: 300px;
	padding-bottom: 35px;
	overflow: hidden;
	margin: 6px auto;
	background: url(/img/sp/swipe.png) no-repeat center bottom;
	-moz-background-size: 260px 35px;
	-webkit-background-size: 260px 35px;
	background-size: 260px 35px;
}
.flipsnap {
    width: 1500px; /* 300px * 5 */
}
.flipsnap li {
	float: left;
	width: 300px;
}
.flipsnap img {
    width: 300px;
	margin: 0 auto;
}
.flipsnap:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}

/*	*/

.spgt {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 140%;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	clear: both;
	background-color: #94442a;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
}
.spgt span {
	height: 34px;
	line-height: 35px;
	padding: 0 10px 0 40px;
	-moz-background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
	background-image: url(../../img/kiku.png);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	display: block;
}

/* ----------- */
#spro-size {
	padding: 0 0 4px 0;
	font-size: 1.3em;
	text-align: center;
}
#spro-type li .ct01 {
	background-color: rgba(255,120,154,0.7);
}
#spro-type li .ct02 {
	background-color: rgba(255,149,12,0.7);
}
#spro-type {
	width: 300px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	text-align: center;
	overflow: hidden;
	zoom: 1;
}
#spro-type li {
	width: 50%;
	padding: 0 0 3px 0;
	float: left;
}
#spro-type li span {
	width: 98%;
	background-color: rgba(170,87,255,0.7);
	display: block;
	font-size: 15px;
	color: #fff;
	line-height: 2em;
	border-radius: 2px;
}
#spro-com {
	margin-bottom: 10px;
	font-size: 13px;
/*	color: #ff3854;	*/
	color: #ffffff;
	padding: 4px 6px;
/*	background-color: rgba(255,200,190,0.5);	*/
	background-color: rgba(50,50,50,0.8);
	border-radius: 2px;
	text-align: left;
}
.spro-outsite {
	height: 44px;
	margin-bottom: 10px;
	position: relative;
	text-align: left;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F0F0F0));
	background: linear-gradient(#FFF, #F0F0F0);
	overflow: hidden;
	border-radius: 3px;
	border: 1px solid #dacadb;
}
.spro-outsite::before {
	background: #d16af9;
	top: 50%;
	width: 10px;
	height: 10px;
	right: 15px;
	margin-top: -8px;
	display: block;
	position: absolute;
	content: "";
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.spro-outsite::after {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F0F0F0));
	background: linear-gradient(#FFF, #F0F0F0);
	top: 50%;
	width: 10px;
	height: 10px;
	right: 15px;
	margin-top: -8px;
	margin-right: 5px;
	display: block;
	position: absolute;
	content: "";
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.spro-outsite a {
	height: 44px;
	padding: 0 20px 0 10px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	line-height: 44px;
	text-overflow: ellipsis;
}
.spro-outsite span {
	display: block;
	text-indent: 64px;
}
.spro-outsite #move {
	background: url(/img/s_icon_move.png) no-repeat 10px 2px;
	-moz-background-size: 49px 40px;
	-webkit-background-size: 49px 40px;
	background-size: 49px 40px;
}
.spro-outsite #pd {
	background: url(/img/s_icon_pd.png) no-repeat 10px 2px;
	-moz-background-size: 50px 40px;
	-webkit-background-size: 50px 40px;
	background-size: 50px 40px;
}
.spro-outsite #blog {
	background: url(/img/s_icon_blog.png) no-repeat 10px 2px;
	-moz-background-size: 40px 40px;
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;
}




/* LIST04 */
.list04 {
	margin-bottom: 10px;
	text-align: left;
}
.list04 dt {
	font-size: 16px;
	position: relative;
	text-indent: 16px;
	font-weight: bolder;
/*	color: #ff3399;	*/
/*	text-shadow: #ffffff 0 0 2px,#ffffff 1px 1px 0;	*/
	color: #ffffff;
}
.list04 dd {
	margin: 0 0 10px 18px;
/*	color: #de3b20;	*/
	color: #fcfe59;
}
.list04 dt::before {
/*	background: #fe1647;	*/
	background: #b8b8b8;
	top: 50%;
	width: 4px;
	height: 18px;
	left: 4px;
	margin-top: -10px;
	display: block;
	position: absolute;
	content: "";
}


/* LIST06 */
.list06 {
	margin-bottom: 10px;
	text-align: left;
}
.list06 dt {
	font-size: 16px;
	position: relative;
	text-indent: 16px;
	font-weight: bolder;
/*	text-shadow: #ffffff 0 0 2px;	*/
	text-shadow: #000000 0 0 2px;
	color: #ffffff;

}
.list06 dd {
	margin: 0 0 10px 18px;
	font-size: 15px;
	color: #993300;
	color: #fcfe59;
	font-weight: bolder;
/*	text-shadow: #ffffff 0 0 2px;	*/
	text-shadow: #000000 0 0 2px;
}
.list06 dt::before {
/*	background: #fe1647;	*/
	background: #ff950c;
	top: 50%;
	width: 4px;
	height: 18px;
	left: 4px;
	margin-top: -10px;
	display: block;
	position: absolute;
	content: "";
}



/* CONTENTS TITLE */
.ctt01 {
	background: url(/img/bg_ctt01.png) no-repeat 10px center;
	display: block;
	-moz-background-size: 4px 20px;
	-webkit-background-size: 4px 20px;
	background-size: 4px 20px;
	text-indent: 24px;
}
.ctt02 {
	background: url(/img/bg_ctt02.png) no-repeat 10px center;
	-moz-background-size: 4px 20px;
	-webkit-background-size: 4px 20px;
	background-size: 4px 20px;
	text-indent: 24px;
}
.ctt03 {
	background: url(/img/bg_ctt03.png) no-repeat 10px center;
	display: block;
	-moz-background-size: 4px 20px;
	-webkit-background-size: 4px 20px;
	background-size: 4px 20px;
	text-indent: 24px;
}
.ctt04 {
	background: url(/img/bg_ctt04.png) no-repeat 10px center;
	display: block;
	-moz-background-size: 4px 20px;
	-webkit-background-size: 4px 20px;
	background-size: 4px 20px;
	text-indent: 24px;
}
.ctt { /* .ctt0* より後ろに置く */
	height: 32px;
	margin-bottom: 6px;
	background-color: rgba(255,255,255,0.8);
/*	color: #ff1451;	*/
	color: #ff4b0c;
	text-align: left;
	line-height: 34px;
	clear: both;
}


/* SYSTEM */
.ssys-play {
	width: 100%;
	padding-bottom: 10px;
	overflow: auto;
}
.ssys-play li {
	width: 50%;
	padding: 0 0 2px 0;
	float: left;
	text-align: center;
}
.ssys-play li span {
	margin: 0 1px;
	background-color: rgba(255,75,40,0.75);
	display: block;
	font-size: 1.0em;
	color: #fff;
	line-height: 1.8em;
	border-radius: 2px;
}
.ssys-tab {
	width: 100%;
	margin-bottom: 10px;
	border-collapse: collapse;
}
.ssys-tab td {
	padding: 0;
	font-size: 1.0em;
}
.ssys-td01 {
	width: 60%;
}
.ssys-td01 span {
	margin: 1px 0;
	background-color: rgba(255,75,40,0.75);
	display: block;
	text-align: left;
	color: #fff;
	line-height: 1.8em;
	padding-left: 10px;
	border-radius: 2px 0 0 2px;
}
.ssys-td02 span {
	margin: 1px 0;
	background-color: rgba(255,130,150,0.75);
	display: block;
	text-align: right;
	color: #fff;
	line-height: 1.8em;
	padding-right: 10px;
	border-radius: 0 2px 2px 0
}
.ssys-td03 {
	width: 65%;
}
.ssys-td03 span {
	margin: 1px 0;
	background-color: rgba(255,40,90,0.75);
	display: block;
	text-align: left;
	color: #fff;
	line-height: 1.8em;
	padding-left: 10px;
	border-radius: 2px 0 0 2px;
}
.ssys-dl01 {
	padding-bottom: 10px;
	font-size: 1.0em;
}
.ssys-dl01 dt {
	width: 40%;
	margin-bottom: 2px;
	text-align: center;
	background-color: rgba(255,75,40,0.75);
	color: #fff;
	line-height: 1.8em;
	border-radius: 2px;
}
.ssys-dl01 dd {
	margin-bottom: 6px;
	padding: 4px 4px 2px 10px;
	background-color: rgba(255,120,85,0.75);
	text-align: left;
	color: #fff;
	line-height: 1.8em;
	border-radius: 2px;
}
.ssys-card {
	padding: 0 0 4px 0;
	overflow: auto;
	clear: both;
}
.ssys-card li {
	height: 25px;
	width: 42px;
	background-image: url(../img/card.png);
	background-repeat: no-repeat;
	-moz-background-size: 40px 125px;
	-webkit-background-size: 40px 125px;
	background-size: 40px 125px;
	float: left;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.ssc01 {
	background-position: 0 0;
}
.ssc02 {
	background-position: 0 -25px;
}
.ssc03 {
	background-position: 0 -50px;
}
.ssc04 {
	background-position: 0 -75px;
}
.ssc05 {
	background-position: 0 -100px;
}
.exp01 {
	margin-bottom: 6px;
	padding: 4px 6px;
	background-color: rgba(255,255,255,0.5);
	text-align: left;
	font-size: 12px;
	line-height: 1.4em;
	clear: both;
	border-radius: 2px;
}
.sys-att {
	margin-bottom: 10px;
	text-align: left;
	font-size: 12px;
}
.outlink {
	padding-bottom: 10px;
}
.outlink a {
	height: 44px;
	margin-top: 4px;
	padding: 0 20px 0 10px;
	display: block;
	text-indent: -20px;
	border: 1px solid #dacadb;
	overflow: hidden;
	white-space: nowrap;
	line-height: 44px;
	text-overflow: ellipsis;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F0F0F0));
	background: linear-gradient(#FFF, #F0F0F0);
	border-radius: 8px;
	position: relative;
}
.outlink a::before {
	background: #eee;
	border-radius: 50%;
	content: "";
	padding: 14px;
	position: absolute;
	right: 11px;
	top: 10px;
	width: 1px;
}
.outlink a::after{
	border-left: 10px solid #fe3a63;
	border-bottom: transparent 7px solid;
	border-top: transparent 7px solid;
	content: "";
	margin: 0 0 0 10px;
	height: 0px;
	right: 19px;
	position: absolute;
	top: 17px;
	width: 0px;
}