@charset "shift-jis";

/* RESET */
#present_pet *,
#pre_tousen *{margin:0; padding:0;
font-family: Meiryo, メイリオ,'MS PGothic', arial, helvetica, sans-serif;
}
#present_pet img,
#pre_tousen img{border:0; vertical-align:bottom}
#present_pet a{
	text-decoration:none;
	color:#000;
}

#pankuzu{
	text-align:left;}

#present_pet{
	width:100%;
	background:url(/IMAGE/winter_collab_pet/back.jpg);
	background-repeat:repeat-y;}

	
#present_pet h3{
	text-align:center;
}

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

#present_pet .item {
	/*
	background:
        url(/image/present_pet/item_bk1.jpg) right top no-repeat,
        url(/image/present_pet/item_bk3.jpg) left bottom no-repeat,
        url(/image/present_pet/item_bk2.jpg) left top repeat-y;
	padding:20px 30px;
	*/
	
	position:relative;
	
	margin:4% auto;
	margin-bottom:30px;
	width:90%;
	padding:10px;
	box-sizing: border-box;
	background-color:#fff;
	border-radius: 5px;
	
	border: 2px dashed #674f2c;
	box-shadow: 0 0 0 5px #fff;
	
}

#present_pet .item h4{
	float:left;
	position:relative;
	width: 200px;
	padding-left: 80px;
	padding-right: 10px;
	margin-bottom: 1%;
}

#present_pet .item h4 .img{
	width:100%;
}

#present_pet .item h4 .icon{
	position:absolute;
	left: 0px;
	top: -20px;
}

#present_pet .item h4 .deco {
    position: absolute;
    bottom: 0px;
    left: -10px;
}

#present_pet .item .name {
	font-size: 16px;
    font-weight: bold;
    height: 50px;
    text-align: left;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
	background:url(/image/winter_collab_pet/present_icon.jpg) left center no-repeat;
	padding-left:50px;
}

#present_pet .item .txt {
	padding:10px 0;
}

#present_pet .item .shousai{
	position:absolute;
	bottom:10px;
	right:30px;
}

#present_pet .item:after{
	clear:both;
	content:"";
	display:block;
}

/*フォーム*/
#present_pet .check_info{
	text-align:center;
	color:#f00;
	font-size:16px;
	font-weight:bold;
}
#present_pet .check_info:before,
#present_pet .check_info:after
{
	content:"!!";
}
#present_pet .presemt_form{
	margin:4% auto;
	width:90%;
	padding:20px;
	box-sizing: border-box;
	background-color:#fff;
	border-radius: 5px;
	
	border: 2px dashed #8f6f3c;
	box-shadow: 0 0 0 5px #fff;


}
#present_pet .presemt_form .require{
	color:#f00;
	font-size:85%;
	padding:1px 5px;
	margin-left:5px;
}
#present_pet .presemt_form dt{
	padding:1em 0;
}
#present_pet .presemt_form dd{
	padding-left:3em;
}

#present_pet .presemt_form fieldset{
	border:none;
}
#present_pet .presemt_form input,
#present_pet .presemt_form select,
#present_pet .presemt_form textarea
{
	border-radius: 3px;
	padding:3px;
	border: 1px solid #ccc
}
#present_pet .presemt_form textarea{
	width:93%;
}
#present_pet .presemt_form #PRE_C_MAIL,
#present_pet .presemt_form #PRE_E_MAIL,
#present_pet .presemt_form #PRE_TEL,
#present_pet .presemt_form #PRE_SIMEI,
#present_pet .presemt_form #PRE_JYUSHO2,
#present_pet .presemt_form #PRE_JYUSHO1{
	width:93%;
}


#present_pet .presemt_form label{
	display:block;
}
#present_pet .presemt_form fieldset[data-type="horizontal"] label{
	display:inline-block;
	margin-right:1em;
}
#present_pet .presemt_form aside{
	margin:20px 0;
	text-align:center;
}
#present_pet .presemt_form .memo{
	font-size:90%;
	color:#515151;
	margin-top:0.5em;
}
#present_pet .presemt_form .memo .small{
	font-size:80%;
	color:#515151;
	margin-top:0.5em;
}
#present_pet .presemt_form .form_btn{
	text-align:center;
}

#present_pet .presemt_form .form_btn input {
	
    position: relative;
position: relative;
    margin: 5px auto;
    padding: 10px 50px;
    box-sizing: border-box;
    text-align: center;
    background-color: #8c6931;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    box-shadow: 0 7px 0 #77551f;
    top: -4px;
    border: none;
    font-size: 16px;
}
 
#present_pet .presemt_form .form_btn input:hover {
    top: 0px;
    box-shadow: 0 3px 0 #77551f;
}

	
br.smp{
	display:none;
}

#present_pet .center{
	text-align:center;
	
}

#present_pet .info_txt{
padding:50px;
}
.hover:hover{
	opacity: .6;
}

/*当選者*/
div#pre_tousen{ 
	width:100%; background:url(/IMAGE/winter_collab_pet/tousen_bk.jpg) repeat-y;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 auto;
}
div#pre_tousen h3{
	text-align:center;
	font-size:16px;
	}
div#pre_tousen div{
	width:590px; 
	margin:0 auto; 
	overflow:hidden;
	margin-bottom:30px;
	}
div#pre_tousen div:last-of-type{
	margin-bottom:0;
}
div#pre_tousen dl{float:left; width:290px; text-align:left; font-size:13px; line-height:1.5em}
div#pre_tousen dl dt{ padding: 30px 0 8px 10px;font-weight:bold;}
div#pre_tousen dl dd{ padding-left: 30px}

div#pre_tousen span{
}
div#pre_tousen dt span:nth-of-type(1){
	display: block;
    width: 5.5em;
    float: left;
    overflow: hidden;
}

div#pre_tousen dt span:nth-of-type(2){
	display: block;
	margin-left:5.5em;
	
}
#pre_tousen dd span:nth-of-type(1){
	margin-left:5em;
	display:inline-block;
	width:6.5em;
	float:left;
	clear:left;
}
#pre_tousen dd span:nth-of-type(2){
	display:inline-block;
	
}
#pre_tousen dd:after{
	content:"";
	display:block;
	width:100%;
	clear:both;
}
.inner_content{
	width: 100%;
    margin: 0 auto;
}



/**********************************
ログインしてないとき
**********************************/
#present_pet .no-login{
	text-align:center;
	padding:2em 0;
}
#present_pet .no-login li{
	border-radius:5px;
	background-color:#EB0007;
	display:inline-block;
	color:#ffffff;
	width:30%;
	transition: 0.2s;
}
#present_pet .no-login li:hover{
	opacity:0.7;
}
#present_pet .no-login li.kaiin{
	background-color:#4EC102;
	margin-left:10px;
}
#present_pet .no-login li a{
	display:block;
	color:#ffffff;
	padding:0.5em;
}
#present_pet .no-login ul{
	padding-top:1em;
}
#present_pet .no-login .tokuten{
	margin-top: 2em;
}
#present_pet .no-login li.benefits{
	background-color:#ff512a;
	margin-left:10px;
}

.pc_none {
	display: none;
}