@charset "utf-8";
/*********************************************************************
 *
 *  </css/item.css>
 *
*********************************************************************/

/* HTML5 */
/* --------------------------------------------------------------------------- */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

/* cf */
/* --------------------------------------------------------------------------- */
.cf:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.cf {
	display: block;
}

/* etc */
/* --------------------------------------------------------------------------- */
.msgBlank {
	margin:0 auto;
	padding:10px 0 50px;
	text-align:center;
}

/* bgImg */
/* --------------------------------------------------------------------------- */
.bgImg {
	display:block;
	text-align:left;
	background-repeat:no-repeat;
	background-position:center center;
	text-indent:-9999px;
	outline:none;/* FF対策 */
}

/* img */
/* --------------------------------------------------------------------------- */
img {
	display: block;
	width:100%;
	height:auto;
}

/* nowrap */
/* --------------------------------------------------------------------------- */
.nowrap {
	white-space:nowrap;
}

/* a */
/* --------------------------------------------------------------------------- */
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color:#555;
	text-decoration: none;
}

/* font */
/* --------------------------------------------------------------------------- */
/* font-weight */
.b {
	font-weight: bold !important;
}

/* list-style-type */
/* --------------------------------------------------------------------------- */
ul.listDisc {
	list-style-type: disc;
	margin: 0 0 0 20px;
}
ul.listDecimal {
	list-style-type: decimal;
	margin: 0 0 0 20px;
}

/* other */
/* --------------------------------------------------------------------------- */
.dpBox {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: center;
}
.dp_sopnsor{
	width: 98%;
    margin: 0 auto;
}

@media print, screen and (min-width: 768px) {
/* btn */
/* --------------------------------------------------------------------------- */
a .eZm {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a:hover .eZm {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.eOp {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.eOp:hover {
	opacity:0.6;
}
.eTr {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.eRt {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.eRt:hover {
	-webkit-transform: rotate(720deg);
	-moz-transform: rotate(720deg);
	-o-transform: rotate(720deg);
	transform: rotate(720deg);
}

/* effect */
/* --------------------------------------------------------------------------- */
.moveIn {
    transform: translate(0, 50px);
	transition: 0.5s ease-in-out;
	opacity:0;
}
.moveInOn {
    transform: translate(0, 0);
	transition: 0.5s ease-in-out;
	opacity:1;
}
.fadeIn {
	opacity:0;
}
.fadeInOn {
	transition: 3s ease-in-out;
	opacity:1;
}

}
/* min-width: 768px */

/* pc/sp */
/* --------------------------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
.forPc {
	display:block !important;
}
.forSp {
	display:none !important;
}
.forPci {
	display:inline !important;
}
.forSpi {
	display:none !important;
}
.forPcTc {
	display:table-cell !important;
}
}
/* min-width: 768px */
@media screen and (max-width: 767px) {
.forPc {
	display:none !important;
}
.forSp {
	display:block !important;
}
.forPci {
	display:none !important;
}
.forSpi {
	display:inline !important;
}
.forPcTc {
	display:none !important;
}
}
/* min-width: 768px */