@charset "UTF-8";


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　MODULE
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.inner {
	width: 1100px;
	margin: 0 auto;
}

body {
	background-color: #000;
}

.bg_wrap {
	background-image: url(/shironekoproject/cp_winter2017/nyambo/asset/img/body_bg.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	background-attachment: fixed;
}

a img {
	/*transition*/
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

a img:hover {
	opacity: .8;
	-webkit-opacity: .8;
	-moz-opacity: .8;
	filter: alpha(opacity=80);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	/*transition*/
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　メインビジュアル
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#sec_main {
	overflow: hidden;
}

/* メインビジュアル */

#sec_main .visual {
	overflow: hidden;
	width: 100%;
	height: 930px;
	background-image: url(/shironekoproject/cp_winter2017/nyambo/asset/img/main_bg_0109.jpg);
	background-position: top center;
	background-repeat:no-repeat; 
}

#sec_main .visual h1 {
	overflow: hidden;
	height: 0px;
}

#sec_main .visual .date {
	overflow: hidden;
	height: 0px;
}

#sec_main .visual .inner {
	position: relative;
	height: 930px;
}

#sec_main .visual .inner .btg_btn {
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: center;
}


/* SNS */

#sec_main .sns {
	overflow: hidden;
	background-color: #000;
	padding: 30px 0;
}

#sec_main .sns  ul {
	width: 290px;
	margin: 0 auto;
}

#sec_main .sns  ul li {
	width: 145px;
	text-align: center;
	overflow: hidden;
	float: left;
}


/* アンカー */

#sec_main .ancer {
	overflow: hidden;
	background-color: #000;
	padding: 0 0 30px 0;
}

#sec_main .ancer ul {
	margin-left: 50px;
}

#sec_main .ancer ul li {
	float: left;
	margin-right: 20px;
}





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　賞品
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#sec_award {
	padding: 100px 0 100px 0;
}

#sec_award .caution {
	overflow: hidden;
	background-color: #fff;
	width: 1000px;
	margin: 50px auto 100px auto;
}

#sec_award .caution .title {
	padding: 30px;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	border-bottom: 1px solid #191919;
	color: #191919;
}

#sec_award .caution .txt {
	padding: 30px;
	line-height: 1.5em;
	font-size: 14px;
	color: #191919;
}





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　応募方法
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#sec_apply {
	overflow: hidden;
}

#sec_apply .line {
	margin-bottom: 50px;
}

#sec_apply .entry {
	width: 720px;
	margin: 0 auto;
	padding: 30px 0 80px 0;
	overflow: hidden;
}

#sec_apply .entry li {
	width: 50%;
	float: left;
	text-align: center;
}

#sec_apply .kome {
	padding: 50px 0;
	text-align: center;
}

#sec_apply .btg_btn1 {
	margin-bottom: 50px;
	text-align: center;
}

#sec_apply .btg_btn2 {
	margin-top: 50px;
	text-align: center;
}

#sec_apply .line2 {
	margin-bottom: 20px;
}





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　CM
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#sec_cm {
	overflow: hidden;
}

#sec_cm .line {
	margin-bottom: 50px;
}

#sec_cm .title {
	margin-bottom: 30px;
	text-align: center;
}

#sec_cm .thum {
	margin-bottom: 100px;
	text-align: center;
}





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　大感謝プレゼントフェスサイト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#sec_fes {
	overflow: hidden;
	width: 100%;
	height: 525px;
	background-image: url(/shironekoproject/cp_winter2017/nyambo/asset/img/fes_bg.jpg);
	background-position: top center;
	background-repeat:no-repeat;
}

#sec_fes .inner p {
	margin-top: 350px;
	margin-left: 50px;
}





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　お問い合わせ・応募規約
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#sec_info {
	overflow: hidden;
	padding-top: 100px;
	background-color: rgba(0,0,0,0.8);
}

#sec_info .title {
	text-align: center;
	margin-bottom: 50px;
}


/* キャンペーン問い合わせ */

#sec_info .wrap01 {
	width: 1000px;
	background-color: #fff;
	margin: 0 auto;
	overflow: hidden;
}

#sec_info .wrap01 .title {
	text-align: center;
	margin: 30px 0 20px 0;
}

#sec_info .wrap01 .txt1 {
	text-align: center;
	font-size: 20px;
	line-height: 1.5em;
	margin-bottom: 20px;
	color: #191919;
}

#sec_info .wrap01 .txt2 {
	padding: 0 30px 30px 30px;
	line-height: 1.5em;
	font-size: 14px;
	color: #191919;
}


/* 応募医薬 */

#sec_info .wrap02 {
	overflow: hidden;
	background-color: #fff;
	width: 1000px;
	margin: 50px auto 100px auto;
}

#sec_info .wrap02 .txt1 {
	padding: 30px;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	border-bottom: 1px solid #191919;
	color: #191919;
}

#sec_info .wrap02 .txt2 {
	padding: 30px;
	line-height: 1.5em;
	font-size: 14px;
	color: #191919;
}





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　応募規約
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#sec_read {
	overflow: hidden;
	width: 100%;
	height: 525px;
	background-image: url(/shironekoproject/cp_winter2017/nyambo/asset/img/read_bg.jpg);
	background-position: top center;
	background-repeat:no-repeat;
}

#sec_read p {
	overflow: hidden;
	height: 0px;
}





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　SPECIAL
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#sec_sp {
	overflow: hidden;
	padding-top: 100px;
	background-color: rgba(0,0,0,0.8);
}

#sec_sp .img1 {
	text-align: center;
	margin-bottom: 50px;
}

#sec_sp .line {
	margin-bottom: 100px;
	margin-top: 100px;
}


/* 壁紙 */

#sec_sp .wall {
	overflow: hidden;
	width: 725px;
	margin: 0 auto;
}

#sec_sp .wall .thum {
	float: left;
}

#sec_sp .wall ul {
	float: right;
	padding-top: 100px;
}

#sec_sp .wall ul li {
	margin-bottom: 10px;
}


/* アイコン */

#sec_sp .icon {
	overflow: hidden;
	margin-bottom: 100px;
}

#sec_sp .icon .thum {
	margin-bottom: 20px;
}

#sec_sp .icon ul {
	width: 580px;
	overflow: hidden;
	margin: 0 auto;
}

#sec_sp .icon ul li {
	width: 210px;
	float: left;
	padding: 0 40px;
}





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　FOOTER
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

footer {
	position: relative;
	width: 100%;
	margin:0 auto;
	padding:10px 0 20px;
	background:url(/shironekoproject/cp_winter2017/img/footer_bg.jpg) 50% 0 no-repeat;
	z-index: 1000;
	color: #ddd;
}
footer .notice {
	width: 600px;
	margin: 10px auto;
	padding:10px 20px;
	background: rgba(43,24,7,.9);
	border-radius: 4px;
	line-height: 1.5;
	font-size: 11px;
}
footer .notice li {
	margin: 0 0 10px 20px;
	list-style-type: disc;
}
footer .notice li:last-child {
	margin-bottom: 0;
}

footer .footerTop {
	width: 1100px;
	margin: 0 auto;
}
footer .footerTop ul {
	text-align: center;
}
footer .footerTop li {
	display: inline-block;
	vertical-align: middle;
}
footer .footerTop .shiroLogo {
	width: 120px;
	margin:0 auto;
	text-align: center;
}
footer .footerTop .shiroLogo img {
	width: 100%;
}
footer .footerTop .appDetail p {
	text-align: left;
	font-size: 11px;
	line-height: 1.6;
}
footer .footerTop .appArea {
	margin-left: 120px;
}
footer .footerTop .appArea li {
	width: 140px;
	height: auto;
}
footer .footerTop .appArea li img {
	width: 100%;
}

footer .footerBottom {
	width: 1100px;
	margin: 0 auto;
}
footer .footerBottom a {
	color: #ddd;
}
footer .footerBottom ul {
	text-align: center;
}
footer .footerBottom li {
	display: inline-block;
	vertical-align: middle;
}

footer .footerBottom .corpLogoArea {
	padding-left: 40px;
}
footer .footerBottom .corpArea {
	padding-left: 20px;
}
footer .footerBottom .snsArea ul {
	padding-left: 200px;
	text-align: right;
}
footer .footerBottom .snsArea li {
	display: inline-block;
	margin:0 10px;
	vertical-align: middle;
}
footer .footerBottom .snsArea li.youtube {
}
footer .footerBottom .coloplLogo {
	width: 120px;
	padding:10px 0 5px;
}
footer .footerBottom .coloplLogo img {
	width: 100%;
	height: auto;
}
footer .footerBottom .copy {
	line-height: 1.8;
	font-size: 11px;
}
footer .attention {
	width: 970px;
	margin: 10px auto;
	padding:10px;
	border-radius: 3px;
	line-height: 1.3;
	font-size: 10px;
	text-align: center;
}	

#footNav {
	position: fixed;
	display: block;
	bottom: 10px;
	right: 10px;
	z-index: 9999;
}

#footNav:hover{
	animation: rumble 0.12s linear infinite;
}
 
@keyframes rumble{
	0%	{transform:rotate(0deg)	translate(0,0);}
	12.5%	{transform:rotate(0.4deg)	translate(1px,-1px);}
	25%	{transform:rotate(0.8deg)	translate(0px,1px);}
	37.5%	{transform:rotate(0.4deg)	translate(-1px,0);}
	50%	{transform:rotate(0deg)	translate(0,0);}
	62.5%	{transform:rotate(-0.4deg)	translate(1px,0);}
	75%	{transform:rotate(-0.8deg)	translate(0,1px);}
	87.5%	{transform:rotate(-0.4deg)	translate(-1px,-1px);}
	100%	{transform:rotate(0deg)	translate(0,0);}
}